我在react native+redux中有一个注册页面，我想在电子邮件地址字段中包含@gmail.com

Question

我希望用户只输入电子邮件的开头和第二部分@gmail.com。我希望它自己也包括在内。我尝试过这个电子邮件：''[e-mail]，但它不起作用。它在不应显示的文本字段中显示@gmail.com

const [state, setState] = useState({
email: ''+"@gmail.com",
});
<View style={styles.textInputContainerStyle}>
<Icon
name='envelope-o'
type='font-awesome'
color={colors.BLACK}
size={18}
containerStyle={styles.iconContainer}
/>
<Input
editable={true}
underlineColorAndroid={colors.TRANSPARENT}
placeholder={language.email_placeholder}
placeholderTextColor={colors.BLACK}

keyboardType={'email-address'}
inputStyle={styles.inputTextStyle}
onChangeText={(text) => { setState({ ...state, email: text }) }}
inputContainerStyle={styles.inputContainerStyle}
containerStyle={styles.textInputStyle}
/>
</View>   

Answer 1

我的解决方案是在Input组件(右(旁边添加'@gmail.com'作为TextView组件，这样状态将只包含我们需要的用户数据。