我尝试使用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
。我还尝试将引用记录到其他生命周期方法(如componentDidMount
或render
)中,但均无效。它始终是{ current: null }
。我在这里想念什么?