首頁猿問有沒有人遇到過這個問題哈！java...

有沒有人遇到過這個問題哈！javascript處理react網站

JavaScript

慕村225694 2019-08-24 23:17:29

網站是用react框架開發(fā)的，想用document.getElementById("name").value="zero"的方式進行表單賦值，表面上是成功了，單提交的時候提示字段為空，其實是沒有賦值成功的，想請教一下，怎么用js的方式進行賦值？

查看完整描述

2 回答

狐的傳說

TA貢獻1804條經驗獲得超3個贊

首先你要區(qū)分受控組件和非受控組件,你這么賦值的話,非受控組件是可以被改變,那么你提交表單的時候也應該用document.getElementById("name").value之類的方法拿到value,而不是用默認的方式拿value.要么就用state.value來進行組件值的控制,那么改變state.value自然組件展示也改變了，提交表單時,就用state.value取到對應值.

反對回復 2019-08-24

互換的青春

TA貢獻1797條經驗獲得超6個贊

importReact,{useRef}from'react';constInput=()=>{constinput=useRef();constsetValue=()=>document.querySelector('#input').value='value';constgetValue=()=>console.log(input.current.value);return(setvaluegetvalue
);}