如何将模块导入jsx?

这里的啤酒

使用jsx / react并尝试从另一个文件导入函数。这是我的jsx:

import React from 'react';
import {sayHello} from './stuff'

export class Arrow extends React.Component {

  cb = () => { // the class property is initialized with an arrow function that binds this to the class
console.log('testing=cb clicked')
  }

  render() {
    console.log('testing=sayHello()',sayHello() )
    return (
      <button onClick={ this.cb }>Click</button>
    );
  }
}

尝试导入如下所示的sayHello:

const sayHello = () => 'say hello'

export default sayHello

当我运行jsx时,出现以下错误:

Uncaught Error: Element type is invalid: expected a string (for built-in components) or a class/function (for composite components) but got: undefined. You likely forgot to export your component from the file it's defined in
安德鲁·威廉姆斯

首先import {sayHello} from ...应该是import sayHello from ...其次,仅仅因为您犯了第一个错误,请确保您Arrow使用import {Arrow} from ...而不是来导入组件import Arrow from ...,因为前者的工作原理和后者对我来说会产生一些错误,包括您提到的错误。

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

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

编辑于
0

我来说两句

0 条评论
登录 后参与评论

相关文章

如何将项目导入模块?

如何将模块导入xcode

Angular-如何将模块导入子模块?

如何将外部 javascript 模块导入邮递员?

如何将Typescript的声明与从模块导入的接口合并使用?

如何将 TypeScript 类集中导入 Angular 模块?

如何将JQuery导入自定义dnn模块

如何将Scss NPM模块导入Ember

如何将子模块中的类/函数相互导入?

如何将Maven模块导入Android Studio项目

如何将git子模块导入NetBeans 8.1?

如何将库和模块正确导入android studio

如何将chartjs作为es6模块导入?

如何将节点模块导入Web Worker脚本?

如何将BeautifulSoup导入python方法OpenERP 7模块

如何将子模块导入父命名空间?

如何将模块导入hyperledger-composer?

Python:如何将文件夹作为模块导入

如何将Backbone / RequireJS模块导入React / Webpack应用

如何将所有属性导入 numpy 模块?

如何将Typescript NPM模块导入语法转换为ECMA2015模块导入语法

如何将模块“重新导入”到python,然后在导入后更改代码

ES6如何将模块“导入”另一个模块

回复:如何将javascript AMD模块导入外部TypeScript模块?(使用module.exports = ...时)

在Odoo8中,如何将模块的.py文件导入自定义模块?

Python:如何将没有python文件名的模块作为子模块导入?

如何将Firebase导入到app模块以外的模块中?

如何导入CSS模块React和JSX?(错误)

如何将各个模块中的选择对象导入到 __init__.py 中?