我想导出多个“纯组件”

Question

我正在使用 React Native 制作应用程序。 我注意到奇怪的事情。

除非我将最后一句更改为

，否则这段代码会出错

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'