祖父组件的属性总是使用祖先映射的第一个值分配

使用函数作为属性，将父组件和子组件之间的值传递下来。

例如，在祖父组件中，传递一个函数作为属性，函数将该值传递给父组件：

class GrandParentComponent extends React.Component {
  constructor(props) {
    super(props);
    this.state = {
      grandParentValue: 'grandParentValue'
    };
  }

  render() {
    return (
      <ParentComponent
        parentValue={(parentValue) => (
          <ChildComponent grandParentValue={this.state.grandParentValue} parentValue={parentValue} />
        )}
      />
    );
  }
}

在父组件中，将该函数作为属性传递给子组件：

class ParentComponent extends React.Component {
  constructor(props) {
    super(props);
    this.state = {
      parentValue: 'parentValue'
    };
  }

  render() {
    return (
      <div>{this.props.parentValue(this.state.parentValue)}</div>
    );
  }
}

在子组件中，使用该函数来访问祖先和父亲的值：

class ChildComponent extends React.Component {
  render() {
    return (
      <div>
        Grandparent value: {this.props.grandParentValue}
        Parent value: {this.props.parentValue}
      </div>
    );
  }
}