我在我们制作的网站上发现了一个错误,我不知道如何调试。目前正在尝试使用 GhostLab 应用进行调试。
问题
在应用程序浏览器中的 iOS Instagram 中访问此网站时,任何 onClick 事件都不起作用。
应用程序在移动 safari、桌面浏览器上完美运行。
标题图标代码
<i className="fas fa-shopping-bag" onClick={() => this.props.activeCartDropdown()} />
<i className="fas fa-bars" onClick={() => this.props.activeHeaderDropdown()} />
常见问题代码
import React from 'react';
import PropTypes from 'prop-types';
import { Link, NavLink, withRouter } from 'react-router-dom';
import { connect } from 'react-redux';
import Bootstrap from 'bootstrap';
import Helmet from 'react-helmet';
import history from '/client/history';
class BrandAmbassadorFAQ extends React.Component {
constructor(props) {
super(props);
this.state = {
open: false
}
}
render() {
return (
<div className={`faq ${this.state.open}`} onClick={() => this.setState({ open: !this.state.open })}>
<div className="question">
{this.props.question}
</div>
<div className="answer">
{this.props.answer}
{this.props.image &&
<img src={this.props.image} className={`img-fluid ${this.props.image_size ? this.props.image_size : ''}`}/>
}
</div>
</div>
)
}
}
export default BrandAmbassadorFAQ;
应用详情和版本
Meteor 1.8.0.2
React 16.4.2
@babel/runtime 7.3.1
最佳答案
将 @babel/runtime
从 7.3.1
降级到 7.0.0-beta.55
解决了这个问题。会持续关注。
关于javascript - onClick 事件不会在 iOS 中触发 Instagram 在 App 浏览器中 Meteor React JS Web App,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/54853719/