Question

大家好我需要在完成后更改按钮的文本。我想使用redux和es6。现在我的代码是。

var TodoItem = React.createClass({
handleCompleted: function() {
this.props.completeTodo(this.props.todo.id);
},
handleDelete: function() {
this.props.deleteTodo(this.props.todo.id);
},
render: function() {
var textStyle = this.renderTextStyle();
return (
  <ul>
    <li>
      <div style={textStyle}>
        {this.props.todo.text}
      </div>
      <button onClick={this.handleCompleted}>toggle completed</button>
      <button onClick={this.handleDelete}>delete</button>

To do app **I **

Answer 1

您的状态中需要一个值，您可以将按钮的文本绑定到。例如，如果你有一个todo.isComplete布尔值，你可以这样做：

<button onClick={this.handleCompleted}>{ this.props.todo.isComplete ? 'undo' : 'complete' }</button>

您的reducer可以设置todo.isComplete值。

如何在redux中更改按钮的文本

1 个答案: