Javascript 在<；表格>；内反应组分

我的react组件中有以下代码

<form ref={form}>
                    <IonItem>
                        <IonLabel>Name</IonLabel>
                        <IonInput defaultValue="" name="Name"></IonInput>
                    </IonItem>
                    <IonItem>
                        <IonLabel>Domain Code</IonLabel>
                        <IonInput defaultValue="" name="Code"></IonInput>
                    </IonItem>
</form>

如果我

console.log（input）

，我可以看到它的value属性被域对象的值正确地更新了，但是字段看起来仍然是空的。如果I

console.log（form.current）

它会显示表单的输入，但没有值，就像表单不知道输入的值已更新一样。我怎样才能做到这一点？我想让它不受控制，因为我有很多输入，不想向所有输入添加处理程序，我宁愿使用Formik或其他库

顺便说一句，我来自角度背景，这将是一个反应形式的微风。我对React不熟悉

查看React钩子形式-

const elements = form.current.elements;
                Object.entries(props.domain).forEach(x => {
                    const [name, value] = x;
                    const input = elements.namedItem(name)
                    if(input instanceof Element) {
                        input.setAttribute('value', value);
                    }
                })