Javascript ''；应放置在ReactJS中的行的开头

我正在处理一个ReactJS项目，我遇到以下错误：

？

应放在行的开头

操作员换行符

以下是片段：

{
  index === 0 ?
    <div className='grid__row--offset--40 row'>
      <div className='small-40 columns small-centered'>
        <a className='text--white text--center text--font-size-14 button medium radius secondary' href={lang.howTiles[0].button.url}><font><font>{lang.howTiles[0].button.title}</font></font></a>
        <a href='http://localhost/slack'><img alt='Add to Slack' height='40' width='139' src='https://platform.slack-edge.com/img/add_to_slack.png' srcSet='https://platform.slack-edge.com/img/add_to_slack.png 1x, https://platform.slack-edge.com/img/add_to_slack@2x.png 2x' /></a>
      </div>
    </div>
    : null
}

{
索引===0？
：null
}

这是样式规则的一部分：

规则详细信息 此规则强制运算符使用一致的换行符样式

默认情况下，该规则设置为允许运算符位于表达式后面，除非使用

？

和

：

：

默认配置是“，{”覆盖“：{”：“在”，“：”：“在”}}之前的

”

因此，按照规则，将您的

？

放在JSX前面的换行符上：

{
  index === 0
    ? <div>
        {/* Your JSX here */}
      <div>
    : null
}

---

请张贴整个组件。否则很难看到发生了什么。

"operator-linebreak": [
  "error",
  "after",
  {
    "overrides": {
      ":": "before"
    }
  }
]