React中ReactDOM.render参数语法错误

Question

新学JSX,React 不太懂。。求指教let names = ['Python', 'Java', 'C++', 'Javascript', 'C'];              ReactDOM.render(            <div>                {   //为什么这里报错 " }expected" 呢                                        for(let name of names){                        +function (){                             return <h1>{name}</h1>;                          }();                    }                                   }            </div>,            document.getElementById('example')        );

Answer 1

{ } 是 jsx 中的模版插值语法。里面不管是写变量、表达式还是函数，都要确保有返回值。

for有返回值吗？

一般是用 map 遍历数据：

<div>

    {arr.map(item => {

        return <h1>{item}</h1>

    })}

</div>