来自useState的React 调用函数，如useState(func())

Question

愚蠢的问题， 我可以在 useState 中调用/调用函数吗？ 我的意思是useState(myfunc())还是应该做const func = myfunc()，那么useState(func)或者根本不重要？这样做没有副作用吗？ 我想知道这方面的良好/最佳实践。一般方法是保存在函数返回的状态值中

Answer 1

是的，你可以：

有时，最好有一个在多个组件中使用的通用函数，以便您可以导入它并根据要求使用它，它具有同步执行和返回值。

---

const { useState , useEffect } = React;
const App = () => {
const getNames = () => {
return ["Vivek" , "Darhista" , "Darshvi"]
}
const [users,setUsers] = useState(getNames());
return (
<div>
{ users.map(user => <p>{user}</p>) }
</div>
);
}
ReactDOM.render(<App />, document.getElementById('react-root'));

<script src="https://cdnjs.cloudflare.com/ajax/libs/react/16.8.4/umd/react.production.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/react-dom/16.8.4/umd/react-dom.production.min.js"></script>
<div id="react-root"></div>