通过单击文本如何将单击的文本更改为React.js中的另一个文本

Question

我是React.js的新手,无法找到这个问题的任何答案.

我有一个评论博客,当我点击评论的标题时,标题应该改为另一个文本.我该怎么办？

Answer 1

您可以使用onClick函数并将标题存储在状态变量中.

这是一个例子:

class Title extends Component {
   constructor() {
      super();
      this.state() {
         title: "Click here"
      }
   }

   changeTitle = () => {
      this.setState({ title: "New title" });
   };

   render() {
       return <h1 onClick={this.changeTitle}>{this.state.title}</h1>;
   }
}

您可以在此处找到更多示例:处理事件 - React