30-seconds-of-code/snippets/Callto.md

title, tags

title	tags
Callto	components,beginner

Renders a link formatted to dial a phone number.

• Destructure the component's props, use phone to create a <a> element with an appropriate href attribute.
• Render the link with children as its content.

const Callto = ({ phone, children }) => {
  return (
    <a href={`tel:${phone}`}>{children}</a>
  );
};

ReactDOM.render(
  <Callto phone="+923081734339">
    Call me!
  </Callto>,
  document.getElementById('root')
);