Как обрабатывать нулевые значения при первом рендеринге?

#reactjs

#reactjs

Вопрос:

У меня есть функция, которая выполняется, когда выпадающий список имеет значение add или remove, он будет выполняться соответствующим образом. Однако при первом рендеринге после нажатия кнопки он отображается как ‘added data’ null. Когда я делаю это снова, это работает. Каков наилучший способ справиться с этим?

Вот мой код:

Ответ №1:

Поскольку я не вижу никакого другого кода и нет изолированной среды, я могу только помочь вам решить проблему с проверкой null, однако, если бы мы могли видеть компонент, в котором находится эта функция, я мог бы ответить намного больше, однако вот как вы можете проверить наличие null

     const addtoproduction = () => {

    let databaseChanges = unitTestsData.map(tests => { 
    return {
      "unit_test_id": tests.unit_test_template_id,
      "databases": tests.databases
    }
  })
    setAddRemoveDatabaseChanges(databaseChanges)
  
  if(AddRemoveDatabaseMode !== null amp;amp; AddRemoveDatabaseMode === 'ADD'){
    console.log('added data', AddRemoveDatabaseChanges);

  } else if (AddRemoveDatabaseMode !== null amp;amp; AddRemoveDatabaseMode === 'REMOVE') {
    console.log('removed data', AddRemoveDatabaseChanges )

  }
  }