当前位置:  开发笔记 > 编程语言 > 正文

给出inst.render的ReactJS不是函数错误

如何解决《给出inst.render的ReactJS不是函数错误》经验,为你挑选了2个好方法。

当我遇到一个奇怪的错误时,我正在使用React和ReactDOM显示一个非常基本的Hello World Uncaught TypeError: inst.render is not a function.在这个JSBin中看到它.

我经常使用React,但是对ES6来说是新手.我在这里看到的任何想法都没有?

错误似乎是说Hello没有render方法,但我不确定.




  
  JS Bin
  
  
  


  

PSWai.. 15

更新

您也可以使用React.Component,或者function在您的情况下使用.但是,您需要返回组件.

class Hello extends React.Component {
  render() {
    return 

Hi

} }

注意缺少花括号.在ES6中,没有花括号的箭头函数返回其正文表达式的结果.

原版的

要将React与ES6一起使用,您需要继承arrow该类.

const Hello = () => 

Hi

;

请参阅此处的文档.



1> PSWai..:

更新

您也可以使用React.Component,或者function在您的情况下使用.但是,您需要返回组件.

class Hello extends React.Component {
  render() {
    return 

Hi

} }

注意缺少花括号.在ES6中,没有花括号的箭头函数返回其正文表达式的结果.

原版的

要将React与ES6一起使用,您需要继承arrow该类.

const Hello = () => 

Hi

;

请参阅此处的文档.



2> svnm..:

当我渲染的组件出现时,我遇到了这个错误undefined.我以前从未见过这个错误.我的应用程序也使用redux.

在我的情况下,它只是方法中未定义的组件render().

所以修复很简单:

import Book from './Book'

如果遇到这个问题,我的建议是检查容器组件的render方法,看看是否有任何你想要渲染的组件尚未定义.

这对我来说似乎很奇怪,它应该给出以下错误:

未捕获(在承诺中)ReferenceError:未定义Book

推荐阅读
黄晓敏3023
这个屌丝很懒,什么也没留下!
DevBox开发工具箱 | 专业的在线开发工具网站    京公网安备 11010802040832号  |  京ICP备19059560号-6
Copyright © 1998 - 2020 DevBox.CN. All Rights Reserved devBox.cn 开发工具箱 版权所有