Currently, I am developing an app using React Native and came across an unusual observation.
For some reason, the following code throws an error unless I modify the last sentence to:
export default MyButton3;
I aim to export more than one pure component per file. This can be achieved without any issue if I refrain from explicitly declaring them as pure components.
However, my question is why this limitation exists when it comes to exporting pure Components?
Thank you in advance.
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;