如何訪問另一個組件中的一個組件狀態，如果這兩個組件在獨立文件中定義的反應原生

Question

我想要訪問一個組件中設置的狀態，該組件在一個文件中定義，可以說one.js，在其他組件中訪問文件名Two.js.如何訪問其他組件中的一個組件的狀態。

Answer 1

你在two.js裏面調用/ import one.js嗎？如果你這樣做，你可以使用道具從one.js傳遞狀態。

編輯：

從頁面訪問狀態改變成另一個，你將不得不使用道具。在t這情況下，從one.js到two.js進入狀態，那就是你可以做什麼：

讓我們supose即PAGEONE是一個類的內部one.js，在那裏你會導入two.js：

import PageTwo from 'Two'; 
... 
export default class PageOne extends React.Component{ 
constructor(props) { 
    super(props); 
    this.state = { somethingSomething: 'whatever'}; 
} 
    render() { 
    return (
    <View> 
     <PageTwo propsname = {this.state.somethingSomething}> 
     </PageTwo> 
    </View> 
    ) 
    } 
} 

在上面的代碼，你傳遞的狀態PageTwo（two.js），現在表現出來：

… 
export default class PageTwo extends React.Component{ 
    ... 
    render() { 
    return (
     <View> 
     {alert(this.props.propsname)} 
     </View> 
    ) 
    } 
}