反应:类型错误:无法读取未定义的属性“值”

用户11037643

我从 ReactJS 的表单中获取价值,但同时当我点击提交按钮时,它给了我错误TypeError: Cannot read property 'value' of undefined有人可以请检查我可能面临的问题。

谢谢

import React, { Component } from 'react'
import { getFunName } from './helpers';

class StorePicker extends Component {
  myInput=React.createRef();

  goToStore=event=> {
    // 1- Stopping form from submitting
    event.preventDefault();

    // 2 - Getting value from Input
    const storeName = this.myInput.value.value ;

    // 3 - Change the page to /store/whatever-you-entered
    this.props.history.push(`/store/${storeName}`)
  }


  render() {
    return (
     <form className="store-selector" onSubmit={this.goToStore}>
     <h2>Please Enter Enter a Store</h2>
     <input type="text" required placeholder="Store Name" ref={this.myInput}  defaultValue={getFunName()}/>
     <button type="submit">Visit Store</button>
     </form>
    )
  }
}

export default StorePicker;
资源

如果你使用 refs,它应该是这样的:

const storeName = this.myInput.current.value;

本文收集自互联网,转载请注明来源。

如有侵权,请联系 [email protected] 删除。

编辑于
0

我来说两句

0 条评论
登录 后参与评论

相关文章

类型错误:无法读取未定义反应的属性“setState”

类型错误:无法读取未定义的属性“地图”-反应

反应-类型错误:无法读取未定义的属性“修剪”

类型错误:无法读取未定义反应的属性“状态”

类型错误:无法读取未定义的属性“setValues” | 反应

反应:类型错误:无法读取未定义的属性“原型”

类型错误:无法读取未定义的属性“地图”。反应

反应 - 错误:TypeError:无法读取未定义的属性(读取“then”)

类型错误:无法读取未定义的属性(读取“类型”)

反应错误:类型错误:无法读取未定义的属性“路径名”

类型错误:无法在反应错误中读取未定义的属性“拆分”

反应测试错误:未捕获 [类型错误:无法读取未定义的属性“地图”]

类型错误:无法读取未定义的属性/类型错误:无法将未定义或空值转换为对象

反应 - 未捕获的类型错误:无法读取未定义的属性“indexOf”

反应 - 未捕获的类型错误:无法读取未定义的属性“组件”

反应 - 未捕获的类型错误:无法读取未定义的属性“1”

未捕获的类型错误:无法读取未定义的属性“历史”!!反应路由器

类型错误:无法读取未定义的属性“地图”反应 this.props.rsl['data']

反应类型错误:无法读取未定义的属性“id”

类型错误:无法读取未定义的属性“toggle” - classList.toggle 反应

反应 - 未处理的拒绝(类型错误):无法读取未定义的属性“城市”

类型错误:无法在反应中读取未定义数组洗牌的属性“长度”

反应js中的“类型错误:无法读取未定义的属性'preventDefault'”

类型错误:无法在反应中读取未定义的属性“子字符串”

未捕获的类型错误:无法读取反应组件上未定义的属性“包含”

类型错误:无法读取未定义的属性“包括”(从数据库中获取反应)

类型错误:无法读取未定义的属性“数量”。反应原生 Redux

反应错误 - 无法读取未定义的属性“状态”

反应错误:无法读取未定义的属性“地图”