在React-Admin中使用useRef钩子

Question

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

使用简单的<input>字段也可以很好地使用原生react.js，但是对于react-admin组件，引用是空的。

有人知道如何在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：inputRef https://material-ui.com/ru/api/input/

<TextField inputRef={refContainer} />