我在應(yīng)用程序中的目標(biāo)是，當(dāng)單擊按鈕時(shí)，將操作設(shè)置為新的并提供給子組件。一旦子組件收到這個(gè)值，它就應(yīng)該顯示來(lái)自 div 的文本。在進(jìn)一步的實(shí)施中，我將添加另一個(gè)按鈕，單擊此按鈕時(shí)，它將設(shè)置要編輯的操作。子組件應(yīng)該自動(dòng)接收值并基于此返回另一個(gè) div。let actionToPerform = "";    function actionState(action){       if(action === 'new'){           actionToPerform = 'new'       }else{           actionToPerform = 'edit'       }    } <button onClick={() => actionState('new')}>Create new Shoppinglist</button> <button onClick={() => actionState('edit')}>Edit Shoppinglist</button> <Edit action={actionToPerform}/>子組件：export default class Edit extends React.Component {    constructor(props){        super(props);        this.state = {actionToPerform: this.props.action}    }        showTitle() {        if(this.state.actionToPerform === 'new'){            return <div>new Shoppinglist</div>        }else if(this.state.actionToPerform === 'edit'){            return <div>edit</div>        }else{            return <div>nothing to show</div>        }    }   render() {       return (           this.showTitle()       )   }}我知道我應(yīng)該以某種方式使用 componentDidMount 和 componentUpdate 來(lái)實(shí)現(xiàn)這一點(diǎn)，但我無(wú)法做到。現(xiàn)在，在加載頁(yè)面時(shí)，它會(huì)觸發(fā) onClick 操作，我不知道為什么。當(dāng)我點(diǎn)擊按鈕時(shí)，沒(méi)有其他事情發(fā)生