我正在使用 Reactivesearch,并且我正在尝试在映射函数内分配一个 const 变量。具体在 .map
中,如下所示:
onAllData(data, streamData) {
return (
<div className="grid">
{
data.map((item) =>
const propertyName = item.productName;
<div className="flex-container card" key={item._id}>
<div className="content">
<p>{propertyName}</p>
</div>
</div>
)
}
);
}
const propertyName = item.productName;
给我带来了问题。 错误表明意外标记
.
可能吗?
最佳答案
您需要使用大括号和return
从表达式语法转到 block 语法:
data.map((item) => {
const propertyName = item.productName;
return (<div className="flex-container card" key={item._id}>
<div className="content">
<p>{propertyName}</p>
</div>
</div>)
})
但是,您也可以使用解构来获取您的 propertyName
,然后您又回到一个表达式:
data.map(({productName, _id}) =>
<div className="flex-container card" key={_id}>
<div className="content">
<p>{propertyName}</p>
</div>
</div>
)
关于javascript - 在映射函数内分配 const 变量,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/54292409/