Reactjs “如何修复”；react/jsx闭合支架位置“；在网络风暴中

如何解决WebStorm（Idea、PhpStorm等）中的

react/jsx收尾括号位置问题

问题是：

 getElem(name) {
    return (<input type="text"
      value={this.state.value}
    />);
  }

getElem（名称）{
返回（）；
}

此块将产生一个错误：

闭合支架必须与开口标签对齐（预期
第13列）react/jsx闭合支架位置

（适用文件）

没有问题的同一块：

 getElem(name) {
    return (<input type="text"
      value={this.state.value}
            />);
  }

getElem（名称）{
返回（）；
}

另外，我不允许修改
eslint
规则
您不能将WebStorm配置为根据此规则自动格式化您的代码，这里有一个相关的功能请求：

但是，如果您已经有了这样格式的代码，WebStorm不会破坏您的格式

您可以手动将其格式化，也可以使用ESLint--fix选项（在错误上点击alt enter并选择fix with ESLint，或者在终端中运行
ESLint--fix filename
）
 您无法将WebStorm配置为根据此规则自动格式化代码，以下是相关的功能请求：

但是，如果您已经有了这样格式的代码，WebStorm不会破坏您的格式

您可以手动将其格式化，也可以使用ESLint--fix选项（在错误上点击alt enter并选择fix with ESLint，或者在终端中运行
ESLint--fix filename
）
 我也面临着同样的问题。这是我的密码：

 <input
    className="input__field input__field--haruki"
    type="text" id="input-1"
    onFocus={this.onFocus}
    onBlur={this.onBlur}/>



为了工作，我做到了：

 <input
    className="input__field input__field--haruki"
    type="text" id="input-1"
    onFocus={this.onFocus}
    onBlur={this.onBlur}
 />



刚刚创建了一个新行，其中/>与原始标记对齐。
我也面临同样的问题。这是我的密码：

 <input
    className="input__field input__field--haruki"
    type="text" id="input-1"
    onFocus={this.onFocus}
    onBlur={this.onBlur}/>



为了工作，我做到了：

 <input
    className="input__field input__field--haruki"
    type="text" id="input-1"
    onFocus={this.onFocus}
    onBlur={this.onBlur}
 />



刚刚创建了一个新行，其中/>与原始标记对齐。
如果您使用的是tslint插件，则可以覆盖tslint.json中的选项。你的链接描述了如何做…@Karbos538我知道。但我不能用团队其他成员以外的方式编写代码。所以这不是一个选项如果您使用的是tslint插件，那么您可以覆盖tslint.json中的选项。你的链接描述了如何做…@Karbos538我知道。但我不能用团队其他成员以外的方式编写代码。所以这不是一个选择