javascript - 在映射函数内分配 const 变量

Question

我正在使用 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; 给我带来了问题。 错误表明意外标记 .

可能吗？

Answer 1

您需要使用大括号和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>
        )