已解決430363個問題，去搜搜看，總會有你想問的

如何將此子組件的狀態傳遞給父組件？

首頁猿問如何將此子組件的狀態傳遞給父組件？

如何將此子組件的狀態傳遞給父組件？

JavaScript

牛魔王的故事 2022-05-14 14:42:09

我有 2 個組件 OptinPage（父）和 TermsOfServices（子）。Optin Page 僅用于渲染 TermsOfServices 組件，可以在應用程序的其他地方重用。我想在我的 OptinPage 組件中使用我的 TermsOfServices 組件的狀態來顯示條件頁面的數量（1/2、2/2）。如果沒有 Redux，我怎么能做到這一點？

查看完整描述

2 回答

動漫人物

TA貢獻1815條經驗獲得超10個贊

請嘗試這種方法

class OptIn extends Component{

state = {}

receiveChildState = (childState) => {

console.log(childState)

}

render(){

return(

);

}

class TermsOfService extends Component{

state = {

x: 1

}

updateState = () => {

const {x} = this.state;

const {receiveChildState} = this.props;

this.setState({x: x+1});

receiveChildState(x+1);

}

render(){

return(

<button onClick={this.updateState}> Terms of service </button>

);

}

反對回復 2022-05-14

婷婷同學_

TA貢獻1844條經驗獲得超8個贊

在父組件中創建狀態。
另外，創建一個可以更改創建狀態的函數。
將此函數傳遞給子組件。
在您的子組件中，您可以使用此函數來更改父狀態。

反對回復 2022-05-14

2 回答
0 關注
111 瀏覽

關注

添加回答

舉報

0/150

提交

取消

亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

熱搜

最近搜索清空

如何將此子組件的狀態傳遞給父組件？

如何將此子組件的狀態傳遞給父組件？

2 回答

添加回答

如何將此子組件的狀態傳遞給父組件？