reactjs - React.js - '期望一个赋值或函数调用，而是看到一个表达式'错误作为回报

Question

这是给我带来麻烦的一段代码：

records.map((record, index) => {
            return (
              <div
                key={index}
                className="object-preview"
                onClick={(event) => {
                  event.preventDefault();
                  setFeaturedResult(record);
                    record.primaryimageurl
                    ? `<img src=${record.primaryimageurl} alt=${record.description}/>`
                    : null;
                    
                  record.title
                    ? `<h3> ${record.title} </h3>`
                    : "<h3>MISSING INFO</h3>";
                }}
              />
            );
          })

我收到了第 87 行和第 90 行的错误消息（分别为 record.primaryimageurl 和 record.title）。我没有正确退货吗？谢谢！

标签： reactjs

Answer 1

你在函数中显示你的 JSX onClick，我猜你想在div.

return records.map((record, index) => {
    return (
        <div
            key={index}
            className="object-preview"
            onClick={(event) => {
                event.preventDefault();
                setFeaturedResult(record);
            }}
        >
            <>
                {record.primaryimageurl && <img src={record.primaryimageurl} alt={record.description} />}
                <h3>{record.title || "MISSING INFO"} </h3>
            </>
        </div>
    );
})