Как я могу отправить свойство объекта реквизитом, пока оно еще не определено?

Question

Бывает, что у меня есть объект с тремя свойствами, каждое из которых содержит массив, мне нужно передать эти свойства другому компоненту, но суть в том, что объект еще не добавлен в ловушку или переменную, это будет будет добавлено позже.

Как я могу это сделать, я добавляю код в stackblitz об ошибке, которую я получаю.

code

Answer 1

Условный рендеринг

Общий шаблон - условный рендеринг детей при наличии данных.

export default function App() {
  const [object, setObject] = useState({}); // provide initial state!!

  useEffect(() => {
    setTimeout(() => {
      setObject({
        0: [1, 1, 1, 1, 1],
        1: [2, 2, 2, 2, 2],
        2: [3, 3, 3, 3, 3]
      });
    }, 3000);
  }, []);

  return (
    <div>
      {Object.values(object).length ? (
        <Component1 object={object[0]} />
      ) : (
        "loading..."
      )}
    </div>
  );
}