Wie Stateless Funktionskomponenten erfordern

Question

Ich versuche zu lernen, wie Stateless Funktionskomponenten zu verwenden, und erfordern es wie folgt aus:

const Button = require('./components/Button'); 

Und in Button.js:

import React from 'react'; 

const { Text, View, TouchableOpacity,} = ReactNative; 
const Button =() => { 
    return (
    <View><Text>Button</Text></View> 
    ); 
} 
export default Button; 

das gibt mir:

unbekannt Modul Erfordern“./_createWrapper".If Sie sicher sind, das Modul Ist dort, versuche den Packager neu zu starten oder "npm install" auszuführen.

Wenn ich es inline tun, wie diese, es funktioniert:

const Button =() => 
    <View><Text>Button</Text></View> 

Aber da ich es als wiederverwendbare Komponente halten möchte, ich will es in einer Datei. Wie soll ich es machen?

Answer 1

Erforderlich ist eine CommonJs-Import-Syntax und Export-Standard ist ES6-Export-Syntax.

so bleiben Sie zu einer Sache Commonjs oder ES6-Module.

In Button.js während

Verwendung module.exports = Button;

exportieren oder Sie es6 Import-Anweisungen während des Imports

import Button from './components/Button'