Вызываемая телефонная ссылка
В ВМ уже предоставлены index.html
и script.js
. В общем случае вам нужно только добавлять код в script.js
и style.css
.
Для создания ссылки, которая вызывает номер телефона, используйте компонент Callto
. Этот компонент создает элемент <a>
с соответствующим атрибутом href
. Чтобы отрендерить ссылку, укажите номер телефона с помощью свойства phone
, а текст ссылки — с помощью свойства children
.
const Callto = ({ phone, children }) => {
return <a href={`tel:${phone}`}>{children}</a>;
};
Для использования компонента Callto
вызовите метод ReactDOM.render()
и передайте в него элемент Callto
с установленными свойствами phone
и children
.
ReactDOM.render(
<Callto phone="+302101234567">Call me!</Callto>,
document.getElementById("root")
);
Пожалуйста, нажмите кнопку 'Go Live' в нижнем правом углу, чтобы запустить веб-сервис на порту 8080. Затем вы можете обновить вкладку Web 8080, чтобы просмотреть веб-страницу.