实例样式:
实现步骤:
1.在React组件中添加一个触发打电话的按钮或链接
2.在按钮或链接的onClick
事件处理函数中,调用浏览器提供的window.open()
方法,并传入电话号码。
注意:为了使电话号码在移动设备上能够正常工作,需要以tel:
开头。
3.当用户点击按钮或链接时,浏览器会自动打开设备的电话应用,并拨打指定的电话号码。
请确保在实现打电话功能时,用户明确知晓并同意进行电话操作。此外,不同的设备和浏览器可能对打电话功能的支持有所不同,因此在测试和使用时请注意兼容性。
完整代码:
import React from 'react';
const App = () => {
const handleCall = () => {
window.open('tel:1234567890');
};
return (
<div>
<button onClick={handleCall}>打电话</button>
</div>
);
};
export default App;
注意:要在手机上实现操作