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

Question

I have the following:

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

I need to pass props to MyLayout, problem is eslint doesn't like this and is rejecting the code w:

unexpected block statement surrounding arrow body

How can I get the func to pass props and comply with eslint?

Thanks

Answer 1

The problem is not with the props but around arrow body when you only have return inside it, you dont need to have curly brackets or return.

This will work.

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