TypeError:无法读取未定义反应错误的属性“名称”

时间:2019-08-16 05:29:49

标签: javascript reactjs

每次尝试在输入字段中键入内容时,我都无法在代码中找到解决此错误的方法。 TypeError:无法读取未定义的属性“名称”

我是新来的反应者,对此了解不多。

这是我文件中的所有代码

ConnectionError: HTTPConnectionPool(host='localhost', port=5000): Max retries exceeded with url: /api/scraping (Caused by NewConnectionError('<urllib3.connection.HTTPConnection object at 0x7f088060ef60>: Failed to establish a new connection: [Errno 111] Connection refused'))

这是我得到的全部错误:

TypeError:无法读取未定义的属性“名称” NewPage.updateValue C:/Users/user/react-notes/src/pages/new.js:20

FROM ubuntu:18.04 



RUN apt-get update -y && \
    apt-get install -y python-pip python-dev

# We copy just the requirements.txt first to leverage Docker cache
COPY ./requirements.txt /app/requirements.txt

WORKDIR /app

RUN pip install -r requirements.txt

COPY . /app

ENTRYPOINT [ "python" ]

CMD [ "app.py" ]

查看已编译

4 个答案:

答案 0 :(得分:1)

event对象(e)没有名为title的键,这就是为什么您得到“无法读取未定义的属性名称”的原因。

您需要event.target,它是指导致此事件发生的元素。

请尝试以下操作来动态更新state-value。它将找到与元素的name相匹配的键,并为其赋予该元素的值(例如用户输入):

updateValue = (e) => {
    const { note } = this.state;

    this.setState({
        note: { ...note, [e.target.name]: e.target.value }
    });
}

答案 1 :(得分:0)

我相信您正在尝试将title分配为键,并将输入字段的值分配为value。你为什么不试试这个?

updateValue = (e) => {
        const { note } = this.state;

        this.setState({
            note: { ...note, "title": e.target.value }
        });
    }

答案 2 :(得分:0)

updateValue方法中的参数是事件对象,它将没有名为title.name的属性。如果要将标题文本框的值存储到注释对象的属性标题中 因此您的代码可以像这样

this.setState({
      note: { ...note, title: e.target.value }
    });

答案 3 :(得分:0)

从'react'导入React,{组件}

导出类Todolist2扩展了组件{

const a = props.a ?  props.a : cond2 ? 'val2.0' : 'val2.1' ;

}

导出默认Todolist2