Я хочу сделать кнопку сложения, чтобы значение инициализировалось в 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);