无法使用ref访问react-bootstrap组件<formcontrol type =“file”>

时间:2018-02-05 20:30:52

标签: javascript reactjs react-bootstrap

我的情况是我需要使用引用来关注react-bootstrap <FormControl type="file">组件。

由于某种原因,ref返回为'null'?

这是我的代码:

class component extends React.Component {
    constructor() {
        this.focusInput = this.focusInput.bind(this);
    }

    focusInput() {
        console.log(this.test) // null
    }

    render() {
        return (
            <FormControl
                type="file"
                inputRef={(test) => { this.test = test; }}
            />
        )
    }
}

我看不出任何理由?如果这不起作用,我可以用什么方式模拟该输入的点击以打开文件浏览器?

由于

0 个答案:

没有答案