react-nativeでアロー関数は使えない？？

Question

react,react-nativeを勉強中です。functionでコードを書いたらexpoでいけるのですが、アロー関数にするとエラーがでます。エラーをみる限りでは、rootがとおってないのでclassかfunctionでしてくださいとのことみたいです。設定（jsonなど）が違うとかなのでしょうか？
ちなみに、書籍を参考にしています。（コードは設定値を変えてアップしています）

import React from 'react';
import { View, Text, StyleSheet } from 'react-native';

export const MarginPadding = () => (
<View style={styles.container}>
<Text>コンテンツ</Text>
</View>
);

const styles =StyleSheet.create({
container: {
margin: 72,
padding: 16,
width: 200,
height:100,
borderWidth: StyleSheet.hairlineWidth,
borderColor: '#bbb'
}
});

Comments

[hoshi-takanori]

エラーメッセージは意訳せずにそのまま貼りましょう。というか、それでぐぐれば何か出ませんか？

[miyabi-sun]

エラー文がないと何もわかりませんけど
import, exportがECMAScript2015の機能なので、
アロー関数が使えないはずがないわけなので違和感を感じますね。

> `export const MarginPadding = () => (`
https://developer.mozilla.org/ja/docs/Web/JavaScript/Reference/Statements/export
const使うのは分割代入を示唆してますね。

この辺の意味がよく分からないですが、
`export let MarginPadding = () => (`
に変更したらうまくいくのでは？

[reacter]

ありがとうございます。解決できました。