伙计们，谁知道如何在 React 中实现电话链接格式?

Question

伙计们，谁知道如何在 React 中实现电话链接格式(href = "tel： ..."(，我可以从"react-router-dom"中使用"链接"吗？ 不在 React Native 中！

Answer 1

非常标准的方式

<a href="tel:PHONE_NUM"> PHONE_NUM </a>

Answer 2

您需要将其设置为动态属性，该属性的开头包含一个字符串

<a href={"mailto:" + this.props.email}>email</a>

Answer 3

你可以这样使用

没有瓦里巴勒

<a href="tel:number" >number</a>

带变量

<a href={"tel:" + mobile}>{mobile}</a>

Answer 4

要以 React 的方式实现它，您需要按照以下步骤操作：

1. 从"react-router-dom"模块导入"链接"。
2. 在 React 代码中使用导入的"链接"组件。
将"链接">
3. 组件的"to"属性设置为所需的链接或URL。

下面是一个例子：

import { Link } from "react-router-dom";
// ...
<Link to="tel:[phone]">9876543210</Link>

在 DOM 中呈现时，它将显示为指向电话号码"9876543210"的可单击链接。