Question

将这个JS转换为React友好的东西的最佳方法是什么？我正在创建我的第一个React项目，这让我很难过。

谢谢

document.querySelector('.nav').addEventListener('click', e => {
e.target.classList.toggle('visible');
});

Answer 1

查看交互式React组件的this example。

您构建了一个跟踪状态的组件（即，它是否visible），并处理输入以更新该状态。

class Square extends React.Component {
  constructor() {
    super();
    this.state = {
      value: null,
    };
  }

  render() {
    return (
      <button className="square" onClick={() => this.setState({value: 'X'})}>
        {this.state.value}
      </button>
    );
  }
}

在React中选择和添加事件侦听器

1 个答案: