React JS - 如何使用/更改狀態或與導入組件的功能

我是ReactJS中的新手，最大的問題是...是否將解決方案劃分爲其他文件以組織代碼？我認爲這比同一個文件中的許多組件好，但是，在文件劃分中這帶來了一個大問題，這些文件之間如何使用/更改狀態或功能？React JS - 如何使用/更改狀態或與導入組件的功能

文件Index.jsx

// index.jsx 
Import SecondComponent from '/Components/SecondComponent.jsx' 

class FirtstComponent extends React.Component { 
    state = { 
     mystate: false 
    } 
}

文件SecondComponent.jsx

// SecondComponent.jsx 
class SecondComponent extends React.Component { 
    setState = ({ 
     this.setState({ mystate: true }) 
    }) 
}

我怎樣才能改變FirstComponent從 SecondComponent狀態？

來源

2017-07-28 Vitor Paixão

我很抱歉，但我不明白的問題，你能不能詳細闡述一些？ – meerlol

你應該提供一個例子。在大多數代碼庫中，每個文件只有一個組件導致數百或數千個文件，狀態更改通過道具傳遞狀態和更新功能來管理 – azium

您的問題是如何更新不同組件的狀態？ –

我不是100％肯定你是問什麼，但我想你想要的是這樣的：

*FirstComponent.jsx* 
class FirtstComponent extends React.Component { 
    state = { 
     mystate: false 
    } 

    const myFunction =() => { 
     this.setState({ mystate: true }) 
    } 

    render() { 
     return (
     <SecondComponent function={myFunction} /> 
    ) 
    } 
} 

*SecondComponent.jsx* 
export default class SecondComponent extends React.Component { 
    render() { 
     return (
     <div onClick={this.props.function} /> 
    ) 
    } 
}

來源

2017-07-28 15:35:14

是的，正是這個......謝謝！ –

React JS - 如何使用/更改狀態或與導入組件的功能

回答

相關問題