如何在React Native中在Drawer Navigator中动态添加项目？

Question

我想通过api将Routes添加到我的抽屉导航器中。 看起来像这样：

componentDidMount() {
    let steps = [
        { 
            "commonName" : "Input Configuration",
            "compname" : "InputConfig"
        },
        {
            "commonName" : "Dashboard",
            "compname" : "Dashboard"
        }
    ]

其中commonName是路由名称，compname是相应组件名称的名称。 如何将这些项目添加到Drawer Navigator中？

Answer 1

我将保留steps作为初始状态变量，并在API响应进入时调用this.setState(change steps here)。如果没有更多有关API调用发生的位置以及您是否要接收同一类中的数据的信息，很难说出如何准确地实现这一点有点困难，但这是常规过程。设置状态，并设置组件以使用该状态，并在需要更改状态时，调用setState。

如果您正在使用redux，它会容易一些。