• Как в Array From в mapfn добавить {value: "",value1:""}?

    TMProject
    @TMProject
    Frontend developer React/Redux
    Для добавления свойств "value" и "value1" к каждому элементу, создаваемому с помощью метода Array.from, в функцию mapfn нужно передать функцию, которая будет создавать объекты с нужными свойствами. Можно использовать следующий код:
    setInputDinamic(Array.from({length: numOfInputs}, () => ({ value: '', value1: '' })));

    Здесь передаваемая функция просто возвращает объект с нужными свойствами "value" и "value1". При этом массив создается из указанного числа элементов (заданного через переменную numOfInputs), каждый из которых будет создан с помощью этой функции.

    Таким образом, после выполнения этой команды, в переменной inputDinamic будет массив из numOfInputs объектов с пустыми свойствами "value" и "value1". Вы можете изменять значения этих свойств в любой момент, когда это необходимо
    Ответ написан
    2 комментария
  • Цикл создания инпутов?

    TMProject
    @TMProject
    Frontend developer React/Redux
    import React, { useState } from 'react';
    
    const MyComponent = () => {
      const [numOfInputs, setNumOfInputs] = useState(0);
    
      const handleNumOfInputsChange = (event) => {
        setNumOfInputs(event.target.value);
      };
    
      const inputArray = Array.from({ length: numOfInputs }, (_, index) => index + 1);
    
      return (
        <div>
          <input type="number" value={numOfInputs} onChange={handleNumOfInputsChange} />
    
          {inputArray.map((inputNum) => (
            <input key={inputNum} type="text" />
          ))}
        </div>
      );
    };
    
    export default MyComponent;
    Ответ написан
    6 комментариев