react学习(5)

1：受控表单绑定
概念：使用react组件的状态（useState）控制表单的状态。

const [value,setValue] = useState('');
<input type='text' value={
   value}  onChange={
   (e)=>setValue(e.target.value)} />

        

          
        
        
        

          

          AI 代码解读
        
      
      

2: react中获取dom(非受控的方式)
(1):使用useRef生成ref对象，绑定到dom身上。
(2):dom可用时，通过ref.current获取dom。

const inputRef = useRef(null);
<input type='text' ref={
   inputRef}/>
//console.log(inputRef.current.value);

        

          
        
        
        

          

          AI 代码解读