Всем привет Подскажите, как правильно передать props в другой компонент,

Question

Всем привет Подскажите, как правильно передать props в другой компонент,

где эти props юзаются в fetch- запросе ?
1 component
<div className="row align-items-center m-4" onChange={this.onSelect}>
<Modal
isOpen={this.state.isOpen}
onCancel={this.handleCancel}
onSubmit={this.handleSubmit}
idImg={this.state.idImg}
></Modal>
2 component
export default class Modal extends Component {
constructor(props){
super(props);
this.state = {
imgSrc: ' ',
commentList: []
}
}

componentDidMount(){
fetch(`https://tzfrontend.herokuapp.com/images/${this.props.idImg}`, {
method: 'GET'
})
.then(res => res.json())
.then((result) => {
this.setState({
isLoaded: true,
imgSrc: result.src
});
},
props приходит с onClick (это id элемента).
На каком этапе мне нужно перерисовывать второй компонент, где я получил props (так как этот id меняется) ?

#frontend #javascript #programming #react.js #russian

0

26.01.2021

3 ответов

4 просмотра

Andrew

С useEffect будет проще Можно будет эту айдишку закинуть в зависимости и если она есть отправлять запрос А если здесь то эта проверка будет где-то в componentDidUpdate

0

26.01.2021

Taras Автор вопроса

Andrew
С useEffect будет проще Можно будет эту айдишку за...

понял, спасибо Буду переписывать

0

26.01.2021

Дмитрий · Accepted Answer

Дмитрий

Сложна, а не проще на функциональные компоненты переписать используя useEffect, который будет запускать асинхронный запрос? Типа как в скриншоте

0

26.01.2021

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

Всем привет Подскажите, как правильно передать props в другой компонент,

3 ответов

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