html input null,类型“ null”不可分配给类型“ HTMLInputElement”的ReactJs

我正在尝试将数据与打字稿一起引用到reactJS中。在这样做时,我得到以下错误

Type 'null' is not assignable to type 'HTMLInputElement'

请让我知道这里到底有什么不正确,我使用了来自React https://reactjs.org/docs/refs-and-the-

dom.html的 documentaiton,

但我认为我在这里做错了什么。以下是范围摘要

class Results extends React.Component {

private textInput: HTMLInputElement;

.......

constructor(props: any) {

super(props);

this.state = { topics: [], isLoading: false };

this.handleLogin = this.handleLogin.bind(this);

}

componentDidMount() {.....}

handleLogin() {

this.textInput.focus();

var encodedValue = encodeURIComponent(this.textInput.value);

.......

}

render() {

const {topics, isLoading} = this.state;

if (isLoading) {

return

Loading...

;

}

return (

{this.textInput = thisInput}} type="text" className="form-control" placeholder="Search"/>

...............

知道我在这里可能会缺少什么吗?

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值