Вопрос, как в реакте/преакте получить чайлда рендера, например в компоненте

Question

Вопрос, как в реакте/преакте получить чайлда рендера, например в компоненте

есть:
import Loader from ...
import Smb from ...
export default class myComp extends Component {
state = {...};
ref = createRef();
...
render() {
return <div ref={this.ref}><Loader /><Smb /></div>
}
}

как мне при изменении стейта дропнуть лоадер не юзая id или className?
Сейчас тупо удаляю через
this.ref.current.firstChild.remove();
но есть подозрения, что это не кошерно...

#javascript #programming #russian

0

20.10.2019

2 ответов

17 просмотров

Aleksey Lutsenko

Используй стейт компонента import Loader from ... import Smb from ... export default class myComp extends Component { state = { ..., loading: false, }; ... render() { const { loading } = this.state return ( <div> {loading && <Loader />} <Smb /> </div> ) } }

0

20.10.2019

Vladyslav Hrehul · Accepted Answer

Vladyslav Hrehul

создаешь свойство(функцию), в котором пишешь логику на рендер, допустим canRender и дальше пишешь return canRender ? Loader : <p>no render</p>

0

20.10.2019

169 похожих чатов

Вопрос, как в реакте/преакте получить чайлда рендера, например в компоненте

2 ответов

Похожие вопросы