Я могу распространить компонент реагирования, который использует избыточность?

Question

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

const User = ({ user }) => {
  return (
    <BasicInfo
      name={user.basic.name}
      tagline={user.basic.tagline}
      email={user.basic.email}
      ...more props
    >
    <OtherInfo
      infoprops={info}
      ...long list of props
    >
  )
}

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

Я привык к редуксу, так что я мог сделать что-то вроде connect() но могу ли я использовать избыточность здесь с распределенным компонентом? будет ли состояние моего одного компонента отдельно от конечных пользователей (если они даже используют избыточность)?

Это даже мудро? Может быть, есть лучший способ, чем использовать Redux? Спасибо

Answer 1

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

Учитывая это, я думаю, что вы можете создать свое собственное хранилище, используя шаблон Singleton (как вы обычно это делаете с android), не заставляя своих возможных пользователей добавлять в свой проект избыточную информацию просто для использования вашего компонента.

Я не могу наставить вас больше, не зная иерархию компонентов или поведение.