通过Props传数据

开始在实践中学习吧！试着从Board组件传一些数据到Square组件中去。

在Board组件中的renderSquare方法里，改写代码，把value值传给Square组件：

code

class Board extends React.Component {
  renderSquare(i) {
    return <Square value={i} />;
  }

接着，改写Square组件中的render方法，用{this.props.value}替代{/* TODO */}，来显示出那些传进来的数据：

code

class Square extends React.Component {
  render() {
    return (
      <button className="square">
        {this.props.value}
      </button>
    );
  }
}

更改前： 更改后：

查看最新的代码