Question

我想要做的是让列表中的项目可以点击，这样一旦我点击其中一个项目，它就会将我重定向到另一个组件，例如，如果我在/Answers我希望被重定向到{{ 1}}。我怎么能这样做？

以下是我的渲染方法的代码：

/Answers/idOfitemClicked

Answer 1

只需使用href链接元素：

const quesItems = this.state.questions.map((question, i) => {
  return (
    <li key={this.props.account.id === question.expID}>
      <a href={'/Answer/' + question.id}>
        {question.description} {question.senderID}
      </a>
    </li>
  );
});

Answer 2

在您的HTML中，尝试在您尝试制作的项目中使用href=/Answer/idOfItemClick＆＃34;可点击＆＃34;。在这种情况下<ul>

如何使列表中的项目在ReactJS中可单击

2 个答案: