访问其他组件 variable/states

Question

我想访问 TotalTab/ProfitTab/LossesTab 中的状态数据或投资组合。我希望他们在异步 fetchData 也完成时更新数据（获取数据绑定？）。

我的代码如下

class Portfolio extends Component{

    constructor(props) {
        super(props);
        this.state = {
            isLoading: true,
            dataSource : ""
        };
    }

    componentDidMount() { //This function get called once when react finished loading. Something like jQueryDom Ready seems to be https://facebook.github.io/react-native/docs/tutorial.html
       this.fetchData();
    }

    fetchData() {
        fetch("http://beta.setmonitor.com/api/trading/summary?portfolio_id=3")
        .then((response) => response.json())
        .then((responseData) => {
            this.setState({
               dataSource: responseData,
               isLoading: false
            });
        })
        .done();
    }

    render() {
        return (
          <ScrollableTabView>
            <TotalTab tabLabel="Total" />
            <ProfitTab tabLabel="Profit" />
            <LossesTab tabLabel="Losses" />
          </ScrollableTabView>
        );
    }
};

我尝试创建另一个 class 来获取数据并像 new ClassName 一样存储和使用它，但问题是异步数据不会在视图中更新。

Answer 1

利用道具。您可以将数据向下传递给 Tab 组件，React 会自动保持同步。如果需要，您还可以在 Portfolio 组件中声明一个函数，并根据需要将其传递给子组件。 React Docs - Data Flow

访问其他组件 variable/states

Access Other component variable/states

reactjs

react-native