Javascript ES6：围绕箭头体的意外块语句

我已经看到了一些关于这方面的问题，但我无法理解

问题是： 多行JSX周围缺少括号 eslint（react/jsx包裹多行）

我很高兴，因为它看起来糟透了

2解决方案2（不起作用）： 我做错了什么（

您需要

（1） 使用隐式返回（无

{

s）

（2） 将返回的JSX用括号括起来，以满足

JSX wrap多行的要求

：

const Component = ({ data }) => (
  <Wrapper>
    // lots of components, .jsx logic, inline ifs, styles etc.
  </Wrapper>
);

const组件=（{data}）=>(
//大量组件、.jsx逻辑、内联ifs、样式等。
);

const Component = ({ data }) =>
  <Wrapper>
    (...)
  </Wrapper>

const Component = ({ data }) => {
  <Wrapper>
    (...)
  </Wrapper>
}

Error: Component(...): Nothing was returned from render. This usually means a return statement is missing. Or, to render nothing, return null.

const Component = ({ data }) => (
  <Wrapper>
    // lots of components, .jsx logic, inline ifs, styles etc.
  </Wrapper>
);