Post — <Post />, принимает prop post. В этом компоненте есть много подкомпонентов. Например, <DateTime />.
Вопрос:
1. что должны принимать подкомпоненты, стоит ли в них прокидывать тот же самый объект post или извлекать минимальную инфу, нужную для подкомпонента (post.date в случае <DateTime/>)
2. если часть подкомпонентов рендерится условно, лучше делать условие внутри подкомпонента (return null) или на уровне родителя (if () { <DateTime /> } )?
Плюсы и минусы подходов очевидны, типа если прокидывать большой объект целиком, то становится проще использовать его на родительском уровне. Но минус в том, что передаем больше инфы, чем нужно = больше ре-рендеров и не такие явные контракты. Нужен tradeoff. Как принято делать?
tradeoff - передавай явно и семантично. <Post post= <DateInput value onChange
Не совсем понял вашу мысль. Вы имеете в виду все же передавать не целиком большой объект, а только что нужно компоненту, верно?
Обсуждают сегодня