在
React
中,useState
是一个Hook
,用于在函数组件中添加状态,它可以让函数组件拥有状态。基本使用方法如下:
// App.jsx
import React, { useState } from 'react'
function App() {
// 使用 useState 创建一个状态变量,初始值为基本类型(比如字符串)
const [text, setText] = useState('React useState')
// 更新状态的函数
function handleChange(event) {
setText(event.target.value)
}
return (
<div>
<input type="text" value={ text } onChange={ handleChange } />
<p>{ text }</p>
</div>
)
}
在这个例子中,text
是一个基本类型变量,初始值为字符串 'React useState'
。setText
函数用于更新这个状态变量。当输入框的内容变化时,handleChange
函数会被调用,并用新的值更新 text
状态。