如何在React中的状态更改时更新prop的值

第一次安装两个组件时,这不是问题 更改,因为子组件已装入。

componentDidMount componentDidUpdate 对生命周期作出反应 组件安装 组件更新 将在activeLink状态更改时触发,因为您将其作为道具传递给 theKeyComponent

componentDidUpdate() {
    myAPImethod('init', this.props.myID);
} 

参考文献: https://reactjs.org/docs/react-component.html#componentdidupdate

import theKeyComponent from "../components/theKeyComponent.jsx";

export default class MainComponent extends React.Component {
  constructor(props) {
    super(props);
    this.state = {
     activeLink: '#section1'
    }
  }

 static getDerivedStateFromProps(props, state) {
    if (props.activeLink !== state.activeLink ) {
      // updating the state here if there are any changes in props.
      return {
        activeLink: props.activeLink,
      };
    }

    // Return null if the props hasn't changed
    return null;
    }

 render(){
  // now, here your state is updated. 
   const myId = this.state.activeLink === '#section1' ? '0001' : '0002';
   return (
     <theKeyComponent myID={myID} />
     <otherComponent otherPropsHere={otherProps} />
   )
  }