onClick事件没有在iOS Instagram中触发在App Browser Meteor React JS Web App中

Question

我发现了我们制作的网站上的一个错误，我无法弄清楚如何调试。目前正在尝试使用GhostLab应用程序进行调试。

问题

在iOS Instagram的应用程序浏览器中访问此网站时，任何onClick事件都无法正常运行。

应用程序在移动Safari，桌面浏览器上完美运行。

标题ICON代码

<i className="fas fa-shopping-bag" onClick={() => this.props.activeCartDropdown()} />
<i className="fas fa-bars" onClick={() => this.props.activeHeaderDropdown()} />

FAQ代码

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

Answer 1

将@babel/runtime从7.3.1降级到7.0.0-beta.55解决了这个问题。将继续监控。