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

Question

我有以下内容:

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

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

箭头主体周围有意外的 block 语句

如何获得传递 props 并遵守 eslint 的函数？

谢谢

Answer 1

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

这会起作用。

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