javascript - React.js array.map不返回jsx

This question already has answers here:

map is not rendering the ui elements in reactjs
                                
                                    （2个答案）
                                
                        
                                2年前关闭。
            
                    
我有一个mobx商店，从那里我要提取数据数组并尝试将每个数据呈现为<li>

 let completedList = completedTodos.map(todo => { <li> {todo.value} </li> } );

我不明白为什么它不返回任何东西，但未定义。

抱歉，我是新来的，这可能是一个愚蠢的问题。

最佳答案

容易犯错！如果您未明确使用return，则箭头函数应使用括号（）而不是括号{}。

let completedList = completedTodos.map(todo => (<p>{todo.value}</p>));

否则，您可以完全跳过括号-不带括号的箭头功能表示return。

let completedList = completedTodos.map(todo => <p>{todo.value}</p>);