Question

对于jquery中使用的以下代码，我如何在reactjs函数中对它们进行编码？有人可以帮忙吗？

$('.row_1').css('display','none');

Answer 1

你可以这样做：

       ReactDOM.findDOMNode(this.row_1).style.display = "none";

或

this.row_1.style.display = "none";

考虑row_1看起来像是什么：

<p ref={(ref) => { this.row_1 = ref; }}>
          Start editing to see some magic happen :)
        </p>

Wokring demo

Answer 2

在React方式中，UI应该基于状态

进行渲染

class Row extends React.Component {
  render() {
    <div
      className="row_1"
      style={{
        display: props.visible ? 'block' : 'none'
      }}
    />;
  }
}

你可以使用这个组件：

<Row visible={this.state.showRow} />
<Row visible={this.state.showRow} />
<Row visible={this.state.showRow} />

ReactJS更改选择器的样式

2 个答案: