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：inputRef https://material-ui.com/ru/api/input/

<TextField inputRef={refContainer} />

将useRef挂钩与React-Admin一起使用

1 个答案: