method

changeIngredients.js

  onChangeShareValue = (newShareValue: number, ingredientRowIndex: number) => {
    const {
      values,
      setValues
    } = this.props;

    const nextIngredients = [...values.ingredients];
    nextIngredients[ingredientRowIndex].shareAmount = newShareValue;
    setValues({...values, ingredients: [...nextIngredients]});
  };

input.js

<Input
            id={`ingredient_${id}_share`}
            type="number"
            name="ingredients"
            value={value}
            min="1"
            onChange={(event) => {
              const newValue = event.target.value;
              this.onChangeShareValue(newValue, ingredientRowIndex);
            }}
            placeholder={valuePlaceholder}
        />

validationSchema.js

  validationSchema: Yup.object().shape({
    name: Yup.string().required(),
    volume: Yup.number().max(50000).required(),
    tax: Yup.number().min(0).max(100),
    volumeType: Yup.string().required(),
    packaging: Yup.string().required(),
  }),