如何使用react-native更改redux形式的初始值?

时间:2019-06-21 16:32:23

标签: javascript react-native redux react-redux redux-form

我想创建一个加法按钮,并将值初始化为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);

0 个答案:

没有答案