Question

我目前正在与Reactjs“试水”。基于maplist/2..8，我掀起了一个我坚持的小项目。到目前为止，当选中复选框时，状态会发生变化，但......不确定如何更改未选中的状态：

var Foo = React.createClass{(
 getInitialState: function() {
    return {
      location: true,
    }
  },

 onClick: function() {
  this.setState({ location: false });
 },

 render: function() {

    var inlineStyles = {
      display: this.state.location ? 'block' : 'none'
    };
  return (
   <div>
    <input type="checkbox"
     onClick={this.onClick}
    /> show / hide bar
    <hr />
    <div style={inlineStyles}>
     <p>bar</p>
    </div>
   </div>
  );
 }

)};

我需要使用if statement来表达我想要的东西吗？取消选中时我需要this.setState.location: true。

Answer 1

您需要在单击期间阅读复选框的状态，并将其应用于您的React状态。

mins <- c(15, 20); maxs <- seq(100, 1000, by = 100)
combs <- expand.grid(mins,maxs)
for(i in 1:nrow(combs)){
  x_iter <- x[x[,4] >= combs[i,1] & x[,4] <= combs[i,2], ]

  # do here whatever you want to do on x_iter

}

Reactjs：setState with checkbox：选中或取消选中

1 个答案: