NP
Всем привет! Как передать props в не инициализированный компонент react?
Size: a a a
2020 July 07
O
Всем привет! Как передать props в не инициализированный компонент react?
Ваш вопрос не понятен. Что вы имеете ввиду под "не инициализированном компоненте"?
NP
Oil Field
Ваш вопрос не понятен. Что вы имеете ввиду под "не инициализированном компоненте"?
Вот из-за формулировки и не получается нагуглить)
это что-то из серии в родительском компоненте я объявляю
const Component; //пустой
Component.props = {...someProps} //Вот про эту строчку вопрос. Можно ли так
И передаю как нибудь потом я уже "инициализирую" этот компонент - <Component />
это что-то из серии в родительском компоненте я объявляю
const Component; //пустой
Component.props = {...someProps} //Вот про эту строчку вопрос. Можно ли так
И передаю как нибудь потом я уже "инициализирую" этот компонент - <Component />
O
Вот из-за формулировки и не получается нагуглить)
это что-то из серии в родительском компоненте я объявляю
const Component; //пустой
Component.props = {...someProps} //Вот про эту строчку вопрос. Можно ли так
И передаю как нибудь потом я уже "инициализирую" этот компонент - <Component />
это что-то из серии в родительском компоненте я объявляю
const Component; //пустой
Component.props = {...someProps} //Вот про эту строчку вопрос. Можно ли так
И передаю как нибудь потом я уже "инициализирую" этот компонент - <Component />
Нет, так нельзя. А что вы хотите получить в итоге?
I
Памагити, пожалуйста:
чем отличается передача в функцию в фигурных скобках (payload) и без (state)
Вот пример:
p.s.: вопрос скорее всео очень тупой
чем отличается передача в функцию в фигурных скобках (payload) и без (state)
Вот пример:
[SHOW_ALERT]: (state, { payload }) => ({ ...payload, visible: true }),p.s.: вопрос скорее всео очень тупой
NP
Oil Field
Нет, так нельзя. А что вы хотите получить в итоге?
В общем у меня есть компонент header = () => <bla bla bla>
Я его объявляю на верхнем уровне и передаю ниже в качестве пропса дочернему компоненту.
Там я его вставляю {header}.
И вот на этом уровне есть пропс которым мне нужно передать в {header}. И его никак нельзя передавать на уровне выше...
Надеюсь я не перемудрил с объяснением.
Я его объявляю на верхнем уровне и передаю ниже в качестве пропса дочернему компоненту.
Там я его вставляю {header}.
И вот на этом уровне есть пропс которым мне нужно передать в {header}. И его никак нельзя передавать на уровне выше...
Надеюсь я не перемудрил с объяснением.
O
В общем у меня есть компонент header = () => <bla bla bla>
Я его объявляю на верхнем уровне и передаю ниже в качестве пропса дочернему компоненту.
Там я его вставляю {header}.
И вот на этом уровне есть пропс которым мне нужно передать в {header}. И его никак нельзя передавать на уровне выше...
Надеюсь я не перемудрил с объяснением.
Я его объявляю на верхнем уровне и передаю ниже в качестве пропса дочернему компоненту.
Там я его вставляю {header}.
И вот на этом уровне есть пропс которым мне нужно передать в {header}. И его никак нельзя передавать на уровне выше...
Надеюсь я не перемудрил с объяснением.
Вставляйте как компонент
<Header someprop="blabla"/>
<Header someprop="blabla"/>
NP
Oil Field
Ваш вопрос не понятен. Что вы имеете ввиду под "не инициализированном компоненте"?
может можно как нить из серии {header.props = someProps} ?
И
В общем у меня есть компонент header = () => <bla bla bla>
Я его объявляю на верхнем уровне и передаю ниже в качестве пропса дочернему компоненту.
Там я его вставляю {header}.
И вот на этом уровне есть пропс которым мне нужно передать в {header}. И его никак нельзя передавать на уровне выше...
Надеюсь я не перемудрил с объяснением.
Я его объявляю на верхнем уровне и передаю ниже в качестве пропса дочернему компоненту.
Там я его вставляю {header}.
И вот на этом уровне есть пропс которым мне нужно передать в {header}. И его никак нельзя передавать на уровне выше...
Надеюсь я не перемудрил с объяснением.
Вместо header={<Foo />} напиши Header={Foo}, в дочернем вместо {header} напиши <Header ... />
O
может можно как нить из серии {header.props = someProps} ?
Через react.createElement можно, но у вас есть JSX
И
может можно как нить из серии {header.props = someProps} ?
То есть «инстациируй» уровнем ниже, вот и всё
NP
Вместо header={<Foo />} напиши Header={Foo}, в дочернем вместо {header} напиши <Header ... />
Но на уровне родителя мне нужно передать title и еще пачку прочего хлама...
И
Но на уровне родителя мне нужно передать title и еще пачку прочего хлама...
Тогда у тебя что-то херово с проектированием компонентов. Но можно выкрутиться через React.cloneElement
https://reactjs.org/docs/react-api.html#cloneelement
https://reactjs.org/docs/react-api.html#cloneelement
NP
Тогда у тебя что-то херово с проектированием компонентов. Но можно выкрутиться через React.cloneElement
https://reactjs.org/docs/react-api.html#cloneelement
https://reactjs.org/docs/react-api.html#cloneelement
Спасибо) Таки видимо перетасую компоненты.
L
Переслано от Let'em keep on talki...
Can someone help me in creating api for login, get/post api for getting and posting user's name, then for users address and then get/post api for users school
x
export default function App() {
const [win, setWin] = React.useState()
setWin(<h1>lol</h1>)
return (
<>{win}</>
);
}
Too many re-renders говорит. так нельзя писать? как можно?D
export default function App() {
const [win, setWin] = React.useState()
setWin(<h1>lol</h1>)
return (
<>{win}</>
);
}
Too many re-renders говорит. так нельзя писать? как можно?Можно setWin не вызывать на каждый рендер
И
Переслано от Let'em keep on talking ;) 🖕🏻👀
Can someone help me in creating api for login, get/post api for getting and posting user's name, then for users address and then get/post api for users school
Not here
И
export default function App() {
const [win, setWin] = React.useState()
setWin(<h1>lol</h1>)
return (
<>{win}</>
);
}
Too many re-renders говорит. так нельзя писать? как можно?Ты при рендере вызываешь изменение состояния. Которое влечёт за собой рендер. В котором вызываешь изменение состояния. Которое влечёт за собой рендер.