Wie man Modul in jsx importiert?

Question

Verwenden von jsx/react und versuchen, eine Funktion aus einer anderen Datei zu importieren. Das ist mein 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> 
    ); 
    } 
} 

Der Versuch, die sayHello zu importieren, die wie folgt aussieht:

const sayHello =() => 'say hello' 

export default sayHello 

Als ich die jsx laufen bekomme ich diesen Fehler:

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

Zu allererst import {sayHello} from ... sollte import sayHello from ... sein. Zweitens, nur weil Sie diesen ersten Fehler gemacht haben, stellen Sie sicher, dass Sie Ihre Arrow Komponente unter Verwendung von import {Arrow} from ... anstelle von import Arrow from ... importieren, weil der erste funktioniert und der letztere Fehler erzeugt mehrere Fehler für mich, einschließlich der, den Sie erwähnen.