如何将数据应用到 useState 常量中？

Question

我试图为输入设置一个值，我使用 setState 来更新输入的值，但现在我无法在输入中的值中使用我要使用的变量。

这是输入

<input
type="text"
className="mt-1 focus:ring-indigo-500 focus:border-[#604d9b] block w-full shadow-sm sm:text-sm border-gray-300 rounded-md"
value={name}
placeholder="Type any name you want"
onChange={(e) => setName(e.target.value)}
/>

这是我的钩子。

const [name, setName] = useState('');

现在，我想应用这个变量，但我不能直接对 useState 中的常量进行应用

userData[0]?.name;

任何人都知道如何应用我的

userData[0]?.name;

进入

const [name, setName] = useState('');

Answer 1

你可以使用useEffect来处理这类问题：

useEffect(() => {
   if(userData[0]?.name){
      setName(userData[0]?.name)
    }
 },[userData])

Answer 2

听起来您正在尝试为 name 状态设置初始值。

如果是这种情况，您只需将其作为参数传递给 useState:

const [name, setName] = useState(userData[0]?.name || '');

如何将数据应用到 useState 常量中？

How to apply data into useState constant?

javascript

input

reactjs

react-hooks

use-state