モジュールをjsxにインポートするには？

Question

jsx/reactを使用して、別のファイルから関数をインポートしようとしています。このように見えるのsayHelloをインポートしようとし

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> 
    ); 
    } 
} 

：：これは私のJSXである私はJSXを実行すると

const sayHello =() => 'say hello' 

export default sayHello 

私はこのエラーを取得：すべての

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 

Answer 1

まず、 import {sayHello} from ...はimport sayHello from ...である必要があります。第二に、最初の間違いをしただけで、コンポーネントをimport Arrow from ...の代わりにimport {Arrow} from ...の代わりにインポートしていることを確認してください。