react/no-set-state Style
它的作用
禁止在 React 组件中使用 this.setState。
为什么这不好？
当使用将应用状态与 UI 组件分离的架构时 （例如 Flux），可能希望禁止使用本地组件状态。此规则 在只读应用程序（不使用表单）中尤其有用，因为在这种情况下通常不需要本地组件状态。
示例
以下是此规则的错误代码示例：
jsx
var Hello = createReactClass({
getInitialState: function () {
return {
name: this.props.name,
};
},
handleClick: function () {
this.setState({
name: this.props.name.toUpperCase(),
});
},
render: function () {
return <div onClick={this.handleClick.bind(this)}>Hello {this.state.name}</div>;
},
});如何使用
To enable this rule using the config file or in the CLI, you can use:
json
{
"plugins": ["react"],
"rules": {
"react/no-set-state": "error"
}
}ts
import { defineConfig } from "oxlint";
export default defineConfig({
plugins: ["react"],
rules: {
"react/no-set-state": "error",
},
});bash
oxlint --deny react/no-set-state --react-plugin版本
此规则于 v0.5.2 中添加。