尝试在我的登录页面中打印状态

Question

我有这个状态：

inputData: {
id: 1,
inputArr: ['aaa', 'bbb']
}

我试图映射他并让他显示在我的页面中，但它不起作用：

const test = this.state.inputData.inputArr.map(r => {
<p>{r}</p>;
});

这样：

return (
<div className="app">
{test}
</div>
);

有人知道为什么吗？

Answer 1

在map函数中，您不会返回任何内容。你需要让它成为一个没有{}的速记函数，或者有一个return语句

const test = this.state.inputData.inputArr.map(r => {
return(<p>{r}</p>);
});

或

const test = this.state.inputData.inputArr.map(r => 
<p>{r}</p>;
);