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

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

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

或

export const a = 1
export const b = 1

然后导入文件

import { a, b } from 'some directory'

我想要出口不止一个纯净的组件＆＃39;

1 个答案: