表示反応し、ネイティブコンポーネントは、アレイ

Question

私はネイティブコンポーネントを反応させるの配列を持っている。しかし、私はエラー

に得続ける ビューに一度にすべてを表示したいと思い

RawText [オブジェクトのオブジェクト]はでなければなりません明示的なコンポーネント

で包み、テキストでそれを表示することは望ましい結果を得ることはありません、私はそれについてどのように行くのですか。

render() 
{ 
var CompArray = new Array(); 
CompArray[0] = <TextInput placeholder="First Name"/> 
CompArray[1] = <TextInput placeholder="Last Name"/> 

var Components = CompArray.join(); 

return(<View>{Components}</View>); 
} 

Answer 1

データの配列を作成し、コンポーネントにそれらを変換するためにマップを使用しているコンポーネントの配列を作成するための1つの偉大な方法を。これにより、コードの重複も避けられます。これを行うには

は簡単です：フォーム/配列が大きい場合、これは特に有用であり、あなたもでそれを使用することができ、最後の配列

render(){ 
    {textInputComponents} 
} 

を呼び出してレンダリングに

var form = ['First Name', 'Last Name', 'Phone', 'Email', 'Etc'] 
var textInputComponents = form.map((type)=> <TextInput placeholder={type} />) 

ゼムオブジェクトの配列

Answer 2

コードは問題ありませんが、あなたは配列に加わる1つの余分なことをしています。あなたはそれをする必要はありません。

render() 
{ 
var CompArray = new Array(); 
CompArray[0] = <TextInput placeholder="First Name"/> 
CompArray[1] = <TextInput placeholder="Last Name"/> 
return(<View>{CompArray}</View>); 
}