Question

const App = () => {
    return (
        <div className="app">
            <div className="landing">
                <h1>svideo</h1>
                <input type="text" placeholder="Search" />
                <a>or Browse All</a>
            </div>
        </div>
    );
};

使用AirBnB配置。使用JSX在react组件中获取此错误

4:19错误围绕箭头正文箭头体型的意外阻止声明

Answer 1

当你刚刚返回而没有任何其他逻辑时，eslinter希望你删除该块并使用隐式返回：

const App = () => (
  <div className="app">
     <div className="landing">
        <h1>svideo</h1>
        <input type="text" placeholder="Search" />
        <a>or Browse All</a>
     </div>
  </div>
);

ESLint React错误箭头体周围的意外块语句

1 个答案: