如何从循环生成文本到HTML？

Question

我想将数组中的HTML显示到WebView中：

             <WebView
                source={{
                    html:
                        '<b>'+this.state.data.myArray[0].name+'</b>' +
                        this.state.data.myArray[0].surname

                }}
            />

但是我在数组中有50个元素，我正在尝试使用如下所示的循环来生成它：

 for (let i=0; i < this.state.data.myArray.length; i++){
        '<b>'+this.state.data.myArray[i].name+'</b>' +
        this.state.data.myArray[i].surname
    }

Answer 1

您可以创建函数以在此类渲染方法中对其进行设置

render(){
var string = '';
  for (let i=0; i < this.state.data.myArray.length; i++){
        string = string +'<b>'+{this.state.data.myArray[i].name}+'</b>' +
        {this.state.data.myArray[i].surname}
    }
 return (
<WebView
                source={{
                    html:string
                }}
            />
 )
}

或者如果您希望创建50个不同的WebView使用图

 render(){
     return (
     {this..state.data.myArray.map((data)=><WebView
                    source={{
                        html:'<b>'+{data.name}+'</b>'+{data.surname}
                    }}
                />)}

     )
    }