javascript - 如何从 eslint 箭头体错误中修复块语句？

Question

我有以下内容：

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

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

箭头体周围的意外块语句

如何让 func 传递道具并遵守 eslint？

谢谢

Answer 1

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

这将起作用。

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