从子小部件更改父小部件中的属性

，可以通过props属性和回调函数实现。

在React中，一个组件可以接收来自其父组件的属性（props）。子组件可以通过props来访问和修改父组件传递的属性值。当子组件修改了props中的属性值后，可以通过回调函数将修改后的值传递给父组件，从而实现从子小部件更改父小部件中的属性。

下面是一个示例代码：

// 父组件
class ParentComponent extends React.Component {
  constructor(props) {
    super(props);
    this.state = {
      parentProperty: '初始值'
    };
    this.handleChildPropertyChange = this.handleChildPropertyChange.bind(this);
  }

  handleChildPropertyChange(newValue) {
    this.setState({ parentProperty: newValue });
  }

  render() {
    return (
      <div>
        <h1>父组件</h1>
        <p>父组件属性值: {this.state.parentProperty}</p>
        <ChildComponent
          childProperty={this.state.parentProperty}
          onChildPropertyChange={this.handleChildPropertyChange}
        />
      </div>
    );
  }
}

// 子组件
class ChildComponent extends React.Component {
  constructor(props) {
    super(props);
    this.handleChange = this.handleChange.bind(this);
  }

  handleChange(event) {
    const newValue = event.target.value;
    this.props.onChildPropertyChange(newValue);
  }

  render() {
    return (
      <div>
        <h2>子组件</h2>
        <p>子组件属性值: {this.props.childProperty}</p>
        <input
          type="text"
          value={this.props.childProperty}
          onChange={this.handleChange}
        />
      </div>
    );
  }
}

在上述代码中，父组件ParentComponent通过state来管理父组件属性值，并将该值通过props传递给子组件ChildComponent。子组件可以通过props来访问和修改父组件传递的属性值。当子组件的输入框值改变时，通过handleChange方法触发onChildPropertyChange回调函数，将新的属性值传递给父组件。父组件接收到新的属性值后，通过setState方法更新parentProperty，从而实现从子小部件更改父小部件中的属性。

这种通过props传递属性和使用回调函数的方式，可以实现父子组件之间的数据传递和交互，适用于各种React应用场景中。如果您想了解更多关于React的相关知识，可以参考腾讯云的云开发文档：React.js。