React(16.4.2)createRef()返回空值

时间:2018-10-31 14:52:33

标签: javascript reactjs typescript dom

我尝试使用React.createRef()得到一个简单的参考。但是它总是返回{current: null}

我在这里React- createRef() Api - this.child.current is null和这里flow type React ref callback and createRef以及官方文档中都进行了查找,但是我总是收到{ current: null }

我的组件:

export class FormDialog extends TpComponent<FormDialogProperties, FormDialogState> {
protected template: any = require('./form-dialog.rt');
protected style: any = require('./form-dialog.scss');
public domReference: React.RefObject<{}>;

public constructor(props: FormDialogProperties, state: FormDialogState) {
    super(props, state, false);
    this.state = new FormDialogState();
    this.domReference = React.createRef();
    console.log(this.domReference);
}
// ....

和模板(使用react-templates):

<div class="tp-form {this.layout}" rt-if="this.state.isVisible" ref={this.domReference} >

就像我在上面说的那样,引用始终为null。我还尝试将引用记录到其他生命周期方法(如componentDidMountrender)中,但均无效。它始终是{ current: null }。我在这里想念什么?

0 个答案:

没有答案