如何修復eslint箭頭主體錯誤的阻止語句？

Question

我有以下內容：

const MyPage = (props) => {
  return (
    <MyLayout {...props}>
      ...

我需要將道具傳遞給MyLayout，問題是eslint不喜歡這樣，並且拒絕了代碼w：

箭頭主體周圍出現意外的語句

如何獲得功能來傳遞道具並遵守eslint？

謝謝

Answer 1

問題不在於道具，而在於箭身周圍，當您僅在箭身內放回時，就不需要花括號或退回。

這將起作用。

 const MyPage = (props) => <div> <MyLayout {...props}> .... </MyLayout> <MyComponent /> </div>