Reactjs 改变钩形后反应选择材料

感谢您的帮助/指点

我正在尝试使用react hook form controller for materialui select了解onChange事件，但我无法了解如何在选择更改以调用handleChange事件时触发该事件我已创建了一个沙箱进行复制，其中我还有一个单独的警告问题：findDOMNode在StrictMode中不推荐使用，我无法理解关于如何使用createRef停止此操作，但主要问题是onChange事件，因为我需要根据Select值呈现更多不同的文本字段。

文件夹名
(
发票
声明
信用
)}
/>
console.log（e.target.value）}
inputRef={register（{required:true}）}
/>
提交
;
对于
控制器
没有您在代码中定义的
onChange
方法。因此，您可以通过以下方式将其删除：

<Controller
                    control={control}
                    name="folderSelect"
                    onChange={() => console.log("hellow")} <- this one not required
                    defaultValue=""

下面是代码和演示：
因此，如果您想在select的onChange上触发handleChange，只需将
onChange={onChange}
更改为
onChange={（）=>handleChange（）}

注意：如果你想删除findDom不推荐使用的警告，那么只需从
ReactDOM.render
中删除
index.js中的
React.StrictMode
标记，就可以了。非常感谢总是有一些简单的提示，我尝试了类似的方法，但显然没有正确地真正欣赏快速响应输入我知道我可以删除strictmode，但我认为最好不要这样做是有原因的？尝试使用useRef createRef，但老实说，这只是偶然的机会，它会工作，并没有真正理解它，
<Controller
                    control={control}
                    name="folderSelect"
                    onChange={() => console.log("hellow")} <- this one not required
                    defaultValue=""

 <Select
                        labelId="demo-simple-select-label"
                        id="demo-simple-select"
                        onChange={(e) => {
                          onChange(e)
                          handleChange(e) <- call handleChange
                        }}
                        value={value ? value : ""}
                        name={name}
                      >