我想创建一个加法按钮,并将值初始化为0,并创建两个加减法按钮以及一个显示该值的文本,直到现在我可以使用onChange更改值,但无法设置默认值从价值到价值,这发生了一些奇怪的事情,当按下添加按钮时,它好像字符串一样增加了,如果有人知道如何制作功能按钮,他将非常感激。 我的代码
const renderCantPersonas = ({ input: { onChange, value }, text }) => {
return (
<View style={{ flex: 1 }}>
<View style={{ flexDirection: "row", alignItems: "center" }}>
<Text style={styles.textBtn}>{text}</Text>
<TouchableOpacity
style={{
alignItems: "center"
}}
onPress={() => {
onChange(value + 1);
}}
>
<Icon
name="add"
size={20}
style={styles.icon}
color={DEFAULT_FONT_COLOR}
/>
</TouchableOpacity>
<Text style={styles.textValue}>{value ? value : 0}</Text>
<TouchableOpacity
onPress={() => {
value: 0, onChange(value - 1);
}}
>
<Icon
name="remove"
size={20}
style={styles.icon}
color={DEFAULT_FONT_COLOR}
/>
</TouchableOpacity>
</View>
</View>
);
};
<Field
name="CantPersonas2"
component={renderCantPersonas}
text="Cantidad de personas para la visita:"
/>
export default reduxForm({
form: TITLE_FORM_VISITA,
validate
})(Form);