Question

嘿伙计们我有一个关于道具的问题，我不太明白：

假设我有一个名为App的主要组件和一个Header组件：

在App中我有一些带

的html

在Header组件中我有类似的东西：

您的名字是{this.props.name}，您的年龄是{this.props.age}

我不明白的是道具的分配位置和使用位置。名称= {＆＃34; Max＆＃34;}是否分配道具或this.props.name分配道具然后名称= {＆＃34; max＆＃34;}使用它我不确定我是否正确解释，但我没有得到转让的指示。

Answer 1

如果标头组件继承自App组件，则它从App组件获取其道具。

在您的App组件中，您可以从this.state定义这些道具，然后将这些状态作为属性分配给标题组件。

例如：

class App extends Component {
  constructor( props ) {
    super( props );
    this.state = {
      age: 45,
      name: 'Robert'
    }
  }
  render() {
    return (
      <div>
        <Header ageOfPerson={this.state.age} nameOfPerson={this.state.name} />
      </div>
    );
  }

  class Header extends Component {
    constructor( props ) {
      super( props );
    }
    render() {
      <div>
        <p>{ this.props.ageOfPerson } is { this.props.nameOfPerson }s age.</p>
      </div>
    }
  }
}

React.js Props指出了问题

1 个答案: