我想导出多个"纯组件"

Question

我正在使用使用React Natival进行应用。我注意到了奇怪的事情。

此代码使我错误，除非我将最后一句话更改为

export default MyButton3;

我想每个文件导出多个纯组件。如果我不使用纯组件声明，我可以做到这一点。

但是为什么我不能用纯组件做到这一点？

谢谢。

const MyButton3 = (props) => (
    <TouchableOpacity style={[props.style,{height:40, backgroundColor:Asset.color_skyblue, justifyContent:'center'}]} onPress={props.onPress}>
        <Text style={{color:'white', alignSelf:'center', fontSize:20, fontWeight:'bold'}}>{props.title}</Text>
    </TouchableOpacity>
);
export MyButton3;

Answer 1

您可以。您的问题更多是关于如何在一个文件中导出多个函数的语法。您有2个语法选择：

const a = 1
const b = 2
export { a, b }

或

export const a = 1
export const b = 1

然后导入到文件

import { a, b } from 'some directory'