Reactjs 无法读取未定义的属性 keys

发布于04月17日

我通过教程学习reactjs，遇到了这个错误.也就是说，"无法读取未定义的属性‘键’"，我的代码非常小，所以我假设它与语言的 struct 有关.有人知道这个问题和可能的解决方案吗？

   <!DOCTYPE html>

<html>
<head>

    <script src="https://cdnjs.cloudflare.com/ajax/libs/react/15.0.1/react.min.js"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/react/15.0.1/react-dom.min.js"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/babel-core/6.1.19/browser.min.js"></script>
    <title>ReactJs</title>
</head>
<body>
    <div id="app"></div>

    <script type="text/babel">
        var HelloWorld = ReactDOM.createClass({
        render: function() {
        return
        <div>
            <h1>Hello World</h1>
            <p>This is some text></p>
        </div>
        }
        });
        ReactDOM.render(
        <HelloWorld />, document.getElementById('app'));
    </script>
</body>
</html>

推荐答案

编辑:奇怪的是，在我们上面的 comments 之后，我判断了一下它是否真的是巴别塔的核心版本，我在小提琴中使用了这个版本:

https://cdnjs.cloudflare.com/ajax/libs/babel-core/5.8.24/browser.js

第二次切换到上面的版本时，我得到:

Uncaught TypeError: Cannot read property 'keys' of undefined

使用React.createClass而不是ReactDOM.createClass，将多行html用括号括起来，如下所示:

工作示例:https://jsfiddle.net/69z2wepo/38998/

var Hello = React.createClass({
  render: function() {
    return (     
       <div>
        <h1>Hello World</h1>
        <p>This is some text</p>
       </div>
    )
  }
});

ReactDOM.render(
  <Hello name="World" />,
  document.getElementById('container')
);

Reactjs相关问答推荐

使用useEffect挂钩获取数据

Reactjs 无法读取未定义的属性 keys

推荐答案

Reactjs相关问答推荐

使用useEffect挂钩获取数据

REACT路由DOM根据参数呈现不同的路由

有没有办法让两个状态在两次精准渲染中更新？

为什么我的React App.js只在页面刷新时呈现3次？

这两个子元素在Reaction Native中使用的有什么不同？

为什么React UseEffect挂钩在页面重新加载时运行

为什么react日历时间轴项Renderprops 不能与useState挂钩一起使用？

在React中使用if条件时如何更改Tailwind中元素的文本 colored颜色

Spring Boot + React + MySQL应用的架构层面有哪些？

在 CrafterCMS Studio 中拖动字段

在react 中单击父级中的按钮时如何将数据从子级发送到父级？

如何在屏幕上使用相同的可重用

如何在悬停时更改 MUI 卡内容

使用 React Router v6 监听来自不同组件的组件状态变化

使用 Jest/React 测试库时，如何测试由 setInterval 函数创建的 DOM 更改？

如何从其他组件访问 useQuery refetch 方法？

如何根据数据库中的值设置单选按钮选中？ - react

Lodash 在命名导入中导入整个包

将鼠标悬停在仅适用于该类的第一个实例的 p5.js 类上

axios post方法中的请求失败，状态码为500错误