Блог

У меня есть функция, вызываемая в onDatabaseSelect, которая извлекает значения базы данных, как показано здесь, в консоли, с заданным именем ключевого свойства и значением Object_name: «».

   const onDatabaseSelect = (e, value) => setDatabase(value)

  useEffect(() => {
    console.log("set database", database)
  }, [database])
  

он вызывается здесь:

    <div style={{marginRight: '210px', width: '100%'}}>
              <AutoCompleteSingle
                name='Database'
                label='Database'
                options={autoComplete.databasesAutoComplete}
                onChange={autoComplete.onDatabaseAutoCompleteFieldUpdate}
                onSelect={onDatabaseSelect}
                uniqueIdentifier={1}
              />
            </div>
  

Мне нужно преобразовать значение object_name в возвращаемое значение new state

   const [productionDatabaseData, setProductionDatabaseData] = useState([])

const addToProduction = ({ target }, { id, databases }) => {

    setProductionDatabaseData((previousState) => {

      let newState = [...previousState]
      if (target.checked) {
        newState = [
          ...newState,
         {  unit_test_id: id, databases }
        ]
      } else {
        const i = newState.findIndex(({ unit_test_id }) => unit_test_id === id)
        if (i !== -1) newState.splice(i, 1)
      }
      return newState
    })
  }
  

Ожидаемый результат:

Таким образом, имя_объекта должно быть помещено в массив databases, если установлен флажок, и если флажок снят, его следует удалить.

итак, если бы я должен был проверить значение onDatabaseSelect, которое было бы «stg_successfactors»

новое значение должно выглядеть следующим образом:

 databaseArr = {
unit_test_id: 166.
databases["iagdcanonprod.auiag.corp/project_entrust_australia_dev", stg_successfactors.ext_gpload_reusable_e24181c8_f3ed_11ea_836b_fa163e5628e8", "]
}
  

Ошибка обновления:

Состояние баз данных находится в другом компоненте…Мне было интересно, правильно ли я передал реквизиты?

   const addToProduction = ({ target }, { id, databases: mappedDatabases }) => {
    setProductionDatabaseData((previousState) => {
      let newState = [...previousState];
      if (target.checked) {
        newState = [
          ...newState,
          {
            unit_test_id: id,
            databases: [
              ...mappedDatabases,
              ...props.databases.map(({ object_name }) => object_name)
            ]
          }
        ];
      } else {
        const i = newState.findIndex(({ unit_test_id }) => unit_test_id === id);
        if (i !== -1) newState.splice(i, 1);
      }
      return newState;
    });
  };
  

Вы можете сопоставить databases массив состояний с массивом object_name значений

 databases.map(({ object_name }) => object_name)
  

И перенесите как databases массив из отображенного пользовательского интерфейса, так и массив имен объектов в новый массив. Вам придется переименовать параметр деструктурированной databases функции, чтобы избежать столкновения имени с состоянием компонента.

 const addToProduction = ({ target }, { id, databases: mappedDatabases }) => {
  setProductionDatabaseData((previousState) => {
    let newState = [...previousState];
    if (target.checked) {
      newState = [
        ...newState,
        {
          unit_test_id: id,
          databases: [
            ...mappedDatabases,
            ...databases.map(({ object_name }) => object_name)
          ]
        }
      ];
    } else {
      const i = newState.findIndex(({ unit_test_id }) => unit_test_id === id);
      if (i !== -1) newState.splice(i, 1);
    }
    return newState;
  });
};