如何修复eslint箭头主体错误的阻止语句？

Question

我有以下内容：

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

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

箭头主体周围出现意外的语句

如何获得功能来传递道具并遵守eslint？

谢谢

Answer 1

问题不在于道具，而在于箭身周围，当您仅在箭身内放回时，就不需要花括号或退回。

这将起作用。

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