Д
Народ не подскажите, в чем прикол обращаться к свойствам объекта через знак вопроса? типа obj?.property🤔
где можно посмотреть на эту тему инфу
Size: a a a
2021 January 26
NJ
NJ
Еще в доке тайпскрипта
АД
Д
Оператор Optional Chaining прикольная штука) Спасибо
PB
Anyone has ever used openlayers with react
p
С
optional chaining proposal же еще, не факт что стандартизируют
АБ
Сергей
optional chaining proposal же еще, не факт что стандартизируют
Д
без optional chaining мы страдали так: const name = ((data || {}).profile || {}).name
Ну применительно, к реакту, насколько я понял это всё некий синтаксический сахар, как в скриншоте)
A
Как с этой ошибкой бороться, появляется после запуска npm start
A
Error: ENOSPC: System limit for number of file watchers reached, watch
VS
Error: ENOSPC: System limit for number of file watchers reached, watch
запускай от админа или от sudo
T
Всем привет
Подскажите, как правильно передать props в другой компонент, где эти props юзаются в fetch- запросе ?
1 component
2 component
props приходит с onClick (это id элемента).
На каком этапе мне нужно перерисовывать второй компонент, где я получил props (так как этот id меняется) ?
Подскажите, как правильно передать 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 меняется) ?
Д
Всем привет
Подскажите, как правильно передать props в другой компонент, где эти props юзаются в fetch- запросе ?
1 component
2 component
props приходит с onClick (это id элемента).
На каком этапе мне нужно перерисовывать второй компонент, где я получил props (так как этот id меняется) ?
Подскажите, как правильно передать 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 меняется) ?
Сложна, а не проще на функциональные компоненты переписать используя useEffect, который будет запускать асинхронный запрос? Типа как в скриншоте
A
Всем привет
Подскажите, как правильно передать props в другой компонент, где эти props юзаются в fetch- запросе ?
1 component
2 component
props приходит с onClick (это id элемента).
На каком этапе мне нужно перерисовывать второй компонент, где я получил props (так как этот id меняется) ?
Подскажите, как правильно передать 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 меняется) ?
С useEffect будет проще
Можно будет эту айдишку закинуть в зависимости и если она есть отправлять запрос
А если здесь то эта проверка будет где-то в componentDidUpdate
Можно будет эту айдишку закинуть в зависимости и если она есть отправлять запрос
А если здесь то эта проверка будет где-то в componentDidUpdate
T
С useEffect будет проще
Можно будет эту айдишку закинуть в зависимости и если она есть отправлять запрос
А если здесь то эта проверка будет где-то в componentDidUpdate
Можно будет эту айдишку закинуть в зависимости и если она есть отправлять запрос
А если здесь то эта проверка будет где-то в componentDidUpdate
понял, спасибо
Буду переписывать
Буду переписывать
Д
TF
Дмитрий
Народ не подскажите как работает данный useEffect, который сначала запускает addEventListener а потом в returne его сразу стирает? Но при этом в браузере функциональность этого лисенера всё равно сохраняется, но по идее его же уже стерли. как он продолжает работать?)) 🤔😨
TF
Если ваш эффект возвращает функцию, React выполнит её только тогда, когда наступит время сбросить эффект.