javascript - React中ReactDOM.render参数语法错误

问题描述

问 题

新学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')
        );

解决方案

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

for有返回值吗？

一般是用 map 遍历数据：

<div>
    {arr.map(item => {
        return <h1>{item}</h1>
    })}
</div>

这篇关于javascript - React中ReactDOM.render参数语法错误的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！