如何修复 eslint 箭头主体错误中的块语句？

Question

我有以下内容：

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

我需要将道具传递给 MyLayout，问题是 eslint 不喜欢这个并且拒绝代码 w:

围绕箭头主体的意外块语句

如何让 func 传递 props 并遵守 eslint？

谢谢

Answer 1

问题不在于道具，而是在箭头主体周围，当你里面只有 return 时，你不需要大括号或 return。

这会起作用。

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

How to fix a block statement from a eslint arrow body error?