属性不更新子组件

是指在React组件中，当父组件的属性发生变化时，子组件不会自动重新渲染。这种情况通常发生在父组件的属性是一个基本类型（如字符串、数字）时。

在React中，组件的渲染是由其属性和状态决定的。当父组件的属性发生变化时，React会比较新旧属性的值，如果发现有变化，就会触发组件的重新渲染。然而，当父组件的属性是一个基本类型时，属性的值发生变化时，实际上是创建了一个新的值，而不是修改原来的值。由于React只比较新旧属性的值，而不比较引用地址，所以子组件并不会感知到属性的变化，也就不会重新渲染。

解决这个问题的方法有两种：

使用引用类型作为属性：将父组件的属性改为引用类型（如对象、数组），而不是基本类型。这样当属性的值发生变化时，实际上是修改了对象或数组的内容，而不是创建了一个新的值。子组件会感知到属性的变化，并重新渲染。例如：

// 父组件
class ParentComponent extends React.Component {
  constructor(props) {
    super(props);
    this.state = {
      data: { name: 'John' }
    };
  }

  handleClick = () => {
    this.setState(prevState => ({
      data: { ...prevState.data, name: 'Jane' }
    }));
  }

  render() {
    return (
      <div>
        <ChildComponent data={this.state.data} />
        <button onClick={this.handleClick}>Change Name</button>
      </div>
    );
  }
}

// 子组件
class ChildComponent extends React.Component {
  render() {
    return <div>{this.props.data.name}</div>;
  }
}

使用key属性：在父组件中给子组件添加一个key属性，并将父组件的属性作为key的值传递给子组件。这样当属性发生变化时，React会认为子组件的key发生了变化，从而触发子组件的重新渲染。例如：

// 父组件
class ParentComponent extends React.Component {
  constructor(props) {
    super(props);
    this.state = {
      name: 'John'
    };
  }

  handleClick = () => {
    this.setState({ name: 'Jane' });
  }

  render() {
    return (
      <div>
        <ChildComponent key={this.state.name} name={this.state.name} />
        <button onClick={this.handleClick}>Change Name</button>
      </div>
    );
  }
}

// 子组件
class ChildComponent extends React.Component {
  render() {
    return <div>{this.props.name}</div>;
  }
}

以上是解决属性不更新子组件的两种常见方法，根据具体情况选择合适的方法来解决问题。