javascript - 如何在 ReactJS 中使列表中的项目可点击

Question

我想做的是使列表中的项目可点击，这样一旦我点击其中一个，它就会将我重定向到另一个组件，例如，如果我在 /Answers 中，我想成为重定向到 /Answers/idOfitemClicked。我该怎么做？

这是我的渲染方法的代码:

render() {
    const quesItems = this.state.questions.map((question, i) => {
      return (
        <li key={this.props.account.id === question.expID}>{question.description}
          {question.senderID}</li>
      );
    });
    return (
      <div>
        <h1> Answer the questions here!</h1>
        <ul>
          {quesItems}
        </ul>
      </div>
    );
  }

Answer 1

在您的 HTML 中，尝试使用 href=/Answer/idOfItemClick在您尝试使其“可点击”的项目中。在这种情况下 <ul>