在 Taro 中,<a> 标签的使用和普通 React 组件有些不同。为了确保能够正常运行,并且根据你的需求,我将进行一些修改。假设你想要在点击时调用 handleClose 函数,同时通过 tel: 链接拨打电话,可以用以下方式进行修改:
import { View, Image } from '@tarojs/components';import WASH_PHONE from 'path_to_your_image'; // 替换成你实际的图片路径const YourComponent = ({ item }) => {const handleClose = () => {// 处理关闭逻辑};return (<View><View className='ac-sheet-phone-right' onClick={handleClose}><a href={`tel:${item}`}><Image className='img' src={WASH_PHONE} alt="" /></a></View></View>);};export default YourComponent;
修改点:
- 链接结构:将
href={tel: ${item}}修改为模板字符串形式href={tel:${item}},以正确生成电话链接。 - 事件处理:将
onClick={handleClose}移动到包含<a>的外部View上,以确保在点击图标时先执行关闭逻辑。
请根据你的项目情况调整代码,例如引入图像的路径以及其他样式或属性。如果还有其他具体需求,请告知!
内容由零声教学AI助手提供,问题来源于学员提问




