在React Admin中使用useRef钩子

Question

我试图使用useRef钩子创建对React Admin元素的引用，但没有成功。

使用一个简单的<input>字段，对本机react.js也可以执行同样的操作，但对于react admin组件，引用为null。

有人知道如何在react admin中引用元素吗？

const myForm = (props) => {
const refContainer = useRef(null);
const myClick = () => {
console.log('clicked !', refContainer); // refContainer is null !!!
refContainer.current.value = '1';
};
return <Edit {...props}>
<SimpleForm>
<TextInput source='myValue' ref={refContainer} value='0'/>
<input type="button" value="change" onClick={myClick}/></SimpleForm>
</Edit>;
};

Answer 1

尝试使用ref:inputRefhttps://material-ui.com/ru/api/input/

<TextField inputRef={refContainer} />