在地圖函數中渲染會導致 JsLint 錯誤，如預期的賦值或函數調用，而是看到了一個表達式？

Question

問題：

我創建了一個反應應用程序。 在那里它給了我一個錯誤

 Line 13:  Expected an assignment or function call and instead saw an expression  no-unused-expressions

這是我的代碼導致錯誤。

renderList = movies => {
    if (movies) {
      return movies.map((movie, index) => {
        <div>Hi</div>;
      });
    }
  };

有人可以幫我修改此代碼部分以消除此錯誤嗎？ 因為有關此錯誤的每個問題都只說要刪除 JsHint 表達式。 我想在不禁用 JsHint 表達式的情況下執行此操作。 謝謝你。

Answer 1

您的地圖函數缺少 return 關鍵字，您還需要為代碼中缺少的 div 元素設置唯一鍵

改變

  return movies.map((movie, index) => {
    <div>Hi</div>;
  });

到

帶大括號和回車

 return movies.map((movie, index) => {
    return <div key={"Key-"+index}>Hi</div>;
  });

或者

沒有大括號和沒有返回

 return movies.map((movie, index) => <div key={"Key-"+index}>Hi</div>);

任何上述更改都會修復錯誤