ESLint简单反应App.js括号后的意外换行function-paren-newline

Question

这个没有道理...

ESLint在那之后抱怨新行（第11行）。

如果我将其拿走并将Provider组件放在同一行，并从第12行和第13行（应用组件和关闭Provider标签）移走了一个标签，那么它会抱怨：

预期的关闭标签与打开的缩进匹配 （react / jsx-closing-tag-location）

如果我确实将其缩进开始标记的级别，该标记现在开始以16个字符为起因，因为我必须删除新行，则会收到另一个错误：预期缩进0个空格字符，但发现16个字符。（react / jsx-indent）

使用ESLint和AirBNB规范的React / Redux是否有正确的语法？

import React from 'react';
import ReactDOM from 'react-dom';
import { Provider } from 'react-redux';
import './index.css';
import App from './components/App';
import registerServiceWorker from './registerServiceWorker';
import configureStore from './state/store/configureStore';

window.store = configureStore();

ReactDOM.render(
  <Provider store={window.store}>
    <App />
  </Provider>, document.getElementById('root'));
registerServiceWorker();

Answer 1

似乎airbnb使用function-paren-newline: 'multiline'了该规则，这意味着应该通过：

ReactDOM.render(
  <Provider store={window.store}>
    <App />
  </Provider>,
  document.getElementById('root')
);

我认为您只需要将每个参数放在单独的行上即可。

更新：在eslint.org上 查看规则通过/失败的演示