Как сделать меню разделов на react?

Question

[kiberlain]

Из бд приходит табличка: пост-раздел.

const [posts, setPosts] = useState([]);
  useEffect(() => {
    fetchPosts();
  }, []);
  async function fetchPosts() {
    const { data } = await client.from("posts").select();
    setPosts(data);
  }

Первый вопрос: возможно и правильно ли получать все данные прямо в app и передавать в роуты?

<Route index element={<Home (где-нибудь здесь)  />} />

если да, то по какому запросу гуглить? (хотя лучше строчку кода скинуть)

Второй вопрос: как сделать меню разделов? (по клику на раздел выводятся посты данного раздела)
Взять из data список разделов, сгенерить пути, а затем map-ом вывести ссылки в меню? Помогите с примером

Comments

[chincharovpc]

Вопрос 1:

• Если posts нужны только в Home, то почему бы не получать их в Home, а не в App?
  
• Если posts нужны в других компонентах, то почему бы не записать их в глобальный state(только если список одинаковый)
  
• Если posts зависят от компонента(т.е. для каждого компонента своя фильтрация), то лучше получать список в каждом компоненте