Dynamically generated inputs - part 2

catList.jsx

  handleChangeOfCatDataFactory = (type, itemIndex, generateKey) => (event) => {
    const catData = event.target.value;

    this.setState((prevState) => {
      const newCatList = [...prevState.catList];

      newCatList[itemIndex] = {
        ...prevState.catList[itemIndex],
        generateKey: generateKey,
        [type]: catData,
      };

      const showNewField = this.shouldCreateAdditionalFields(newCatList);

      return {
        ...prevState,
        catList: newCatList,
        showNewField,
      };
    });
  }