当子组件作为属性传递时，反应状态不会更新/传递给子组件

当子组件作为属性传递时，反应状态不会更新/传递给子组件的原因是因为子组件接收的属性是一个静态值，而不是一个响应式的数据。在React中，组件的状态更新会触发组件的重新渲染，但是当子组件作为属性传递时，子组件并不会感知到父组件状态的更新。

为了解决这个问题，可以使用React的上下文（Context）来传递状态给子组件。上下文提供了一种在组件树中共享数据的方式，可以避免通过多层级的属性传递来传递状态。

具体步骤如下：

在父组件中创建一个上下文对象，并定义需要传递的状态。
在父组件的render方法中使用Provider组件包裹子组件，并将需要传递的状态作为属性传递给Provider组件。
在子组件中使用Consumer组件来接收上下文中的状态，并在render方法中使用该状态。

以下是一个示例代码：

// 创建上下文对象
const MyContext = React.createContext();

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

  render() {
    return (
      // 使用Provider组件包裹子组件，并传递状态
      <MyContext.Provider value={this.state.count}>
        <ChildComponent />
      </MyContext.Provider>
    );
  }
}

class ChildComponent extends React.Component {
  render() {
    return (
      // 使用Consumer组件接收上下文中的状态
      <MyContext.Consumer>
        {count => <div>{count}</div>}
      </MyContext.Consumer>
    );
  }
}

在上面的示例中，父组件ParentComponent中的count状态通过上下文传递给了子组件ChildComponent，并在子组件中使用Consumer组件接收并显示该状态。

关于React上下文的更多信息，可以参考腾讯云的React文档：React 上下文