Question

我有一个名为example.json的JSON文件，如下所示：

{"key:"k1" ,"children":[{"key:"k1" ,"type":"View "},{"key:"k1" ,"type":"Text "}]}

我想将组件动态添加到此JSON，并且我尝试了以下操作：

import Json from 'example.json'
this.state={json:[]}; in constrcutor(props);

this.setState({json:son}) in componentDidMount();

render() {
    return(
    this.state.json.map(
       (item,index) => { 
          return <View> {this.getChildView(index)} </View>
       });
    )
}


getChildView(index){
    this.state.json[index].map((item)={
         if(item.type==='Text){
                 return <Text>{...}</View>
         }
    })
}

但是，在步骤＃4中，未显示childView。我该怎么解决？

Answer 1

尝试一下，希望对您有所帮助：

import Json from 'example.json'
    this.state={json:[]}; in constrcutor(props);

    this.setState({json:son}) in componentDidMount();

   render(){
        return(
        this.state.json.map(
           (item,index)=>{ 
              return <View >{this.getChildView(index)} </View>});
        )}


   getChildView = (index) =>{
        this.state.json[index].map((item)={
             if(item.type==='Text){
                     return <Text>{...}</View>
             }
         }
        )
    }

动态添加两层组件响应本机

1 个答案: