reactjs - 在功能性反应打字稿组件中有更多 UseState 好吗？

Question

我是 React 和 Typescript 的新手。我有一个功能性打字稿组件，如下所示，

const myComponent = (props: Props): JSX.Element => {
  
const[state1,setState1]= useState<string[]>();
.
.
.
.
so on
return(
  );
}

所以我有更多的usestate。在上面我只给出了一个例子。但在实际代码中，我有超过 20 个。所以我想知道在单个功能组件中拥有更多的状态是好的吗？或者有没有其他方法可以让我的状态看起来不错。我想确保我符合良好的编码标准。欢迎任何建议。

标签： reactjsreact-hooks

Answer 1

最好将所有组件状态保存在一个钩子中，就像这样

let [state, setState] = useState({field1: "", field2: ""});

你可以在这里阅读更多，思考反应。