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

【问题标题】：How to fix a block statement from a eslint arrow body error?如何从 eslint 箭头体错误中修复块语句？
【发布时间】：2018-02-18 03:31:42
【问题描述】：

我有以下几点：

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

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

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

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

谢谢

【问题讨论】：

【解决方案1】：

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

这会起作用。

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

【讨论】：

谢谢，但我在 Prevent missing parentheses around multiline JSX (react/jsx-wrap-multilines)
你的内容... 如果你有内容，你需要打开和关闭括号。此外，如果您有多行，则将其括在一个 div 中。
不知道该说什么，编辑器中仍然出错 w“多行 JSX 周围缺少括号”
@AnnaSm 那个错误是因为你使用了多个相邻的标签，用 div 括起来。让我更新我的答案以使其更清楚。
对于多行 JSX 周围缺少括号的相同消息感到抱歉