配列上のループ：ReactJSオブジェクトはリアクションの子としては無効です

Question

render() { 
    var NewsCards = this.state.news.map((b,i)=>{ 
     return(
      <div key={i} className="row"> 
       <div className="col-10"> 
        <img src={b.image} className="img-fluid"/> 
       </div> 
      </div> 
     ) 
    }) 
    return (
     <div className="container-fluid global-container-bottom-padding"> 
      {RenderIf(this.state.loading)(
      <div id="cssload-pgloading"> 
       <div className="cssload-loadingwrap"> 
        <ul className="cssload-bokeh"> 
         <li></li> 
         <li></li> 
         <li></li> 
         <li></li> 
        </ul> 
       </div> 
      </div> 
      )} 
      {RenderIf(!this.state.loading)(
       { NewsCards } 
      )} 
     </div> 
    ); 
} 

ここでどこが間違っているのか分かりません。

EDIT：

{RenderIf(!this.state.loading)(
    { NewsCards } 
)} 

てください：

this.state.newsが間違ってobject property shorthand syntaxを使用してNewsCardフィールドを持つオブジェクトリテラルを作成すると、問題は、ここにあるオブジェクト

[ 
    { 
     "image":"imgurl", 
     "link":"imglink" 
    }, 
    { 
     "image":"imgurl", 
     "link":"imglink" 
    } 
] 

Answer 1

の配列ですコードを次のように変更してください：

!this.state.loading && 
<div> 
    {NewsCards} 
</div> 

または

{RenderIf(!this.state.loading)(
    <div>{NewsCards}</div> 
)} 

準備ができて、まだ、少なくとも前に `news`ある変数のどのようなタイプの16