A
каждый компонент должен хранить данные только для собственной отрисовки
Size: a a a
2020 July 18
A
если нужно передать данные от родительского, то используй propsы
ЮЧ
Коллеги, приветствую. Подскажите пожалуйста одну вещь ? Возник вопрос по react.js. Работаю над проектом, где необходимо подготовить верстку и стили для блоков. Сами блоки и более мелкие элементы реализованы как react-компоненты. Предполагается , что из готовых блоков можно будет собрать страницу. Как правило каждый компонент содержит свой state , где хранятся данные , которые используются для отрисовки (например имя, должность, соц-сети юзера или тарифы , список фич и т.д.). Я правильно понимаю, что если нужно собрать страницу из блоков должен быть какой-то один родительский компонент (например hoc), который будет содержать все компоненты , а все состояние из отдельных файлов(react-компонентов) нужно скомпоновать в один и передать его только в этот родительский компонент ? т.е. состояние должно храниться не внутри каждого отдельного компонента, а только в родительском компоненте ? есть возможность передать состояние от родителя к потомку , если потомок отрисовывает данные беря их из состояния ? извиняюсь з
Это зависит от концепции и предпочтений.
АП
Aleksandr
каждый компонент должен хранить данные только для собственной отрисовки
так и есть. но блоков получается довольно много (около 120). из них хранят свое состояние большая часть. я вот и подумал может это состояние, необходимое для отрисовки нужно вынести куда-то за пределы компонента ?
A
не обязательно, если нет созависимых состояний
1
Как самому решать трудности с которыми приходится сталкиваться при написании сайта на реакте?
2020 July 19
1
Aleksandr
ну тогда реф не подойдет
Если мне нужен элемент на первой загрузке то единственным выходом является <Component><ComponentWithElementIneed /><Component/> ?
1
react-window загружает элементы которые только нужны в области видимости?
ЮЧ
react-window загружает элементы которые только нужны в области видимости?
Отображает. Загрузку нужно отдельно делать.
ЮЧ
Как самому решать трудности с которыми приходится сталкиваться при написании сайта на реакте?
В зависимости от того, какие это трудности.
ЮЧ
Почему верстку в реакте называют UI?
Потому что реакт используется преимущественно для разработки пользовательских интерфейсов (UI).
Верстка лишь часть того, что приходится делать, когда нужно сделать UI для программы.
Верстка лишь часть того, что приходится делать, когда нужно сделать UI для программы.
ЮЧ
Подскажите пожалуйста
пытаюсь написать lazyload через кастом хук, но не знаю как получить при первой загрузке реф
Что можно сделать?
пытаюсь написать lazyload через кастом хук, но не знаю как получить при первой загрузке реф
Что можно сделать?
Это рабочая задача, или учебная?
1
Это рабочая задача, или учебная?
Учебная и это последнее что не могу сделать чтобы закончить проект)
1
Увидел на ютубе что там создали компонент обсервер и в props.children ложили компонент за которым нужно следить, думаю также сделать
ЮЧ
const Test = () => {
const ref = React.useRef()
React.useLayoutEffect(() => {
console.log(ref.current)
}, [])
return <span ref={ref}>t</span>
}ЮЧ
Примерно такой подход.
ЮЧ
Только вместо
console.log будет observer.observe(ref.current).1
const Test = () => {
const ref = React.useRef()
React.useLayoutEffect(() => {
console.log(ref.current)
}, [])
return <span ref={ref}>t</span>
}При таком подходе реф определен с 1 загрузки компонента?
ЮЧ
Не понимаю, что значит с загрузки.
ЮЧ
Он становится определен, перед тем, как вызывается
console.log(ref.current).