Как требовать Stateless функциональных компонентов

Question

Я пытаюсь научиться использовать без гражданства функциональных компонентов, и требуют, как это:

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

И в Button.js:

import React from 'react'; 

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

Это дает мне:

Требуя неизвестный модуль»./_createWrapper".If вы уверены, что модуль есть, попробуйте перезапустить упаковщик или запустить «npm install».

Если я это сделать рядный, как это, он работает:

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

Но так как я хотел бы сохранить его в качестве многократно используемого компонента, я хочу его в файле. Как мне это сделать?

Answer 1

Требовать является синтаксисом импорта commonJs и экспорт по умолчанию является синтаксисом экспорта ES6.

поэтому придерживайтесь одной вещи commonjs или модулей ES6.

В Button.js при экспорте

module.exports = Button; использование

или вы можете использовать ES6 операторы импорта при импорте

import Button from './components/Button'