Это прям как с редакс синк - зачем? Просто так проще, а ведь много людей его юзают (в основном те что проходят посредственные гайды). Хотя эта либа весь флоу ломает

подскажите либу для слайдера, типа слика, но на реакт )

подскажите либу для слайдера, типа слика, но на реакт )

Время нас рассудит. Бог вам в помощь. И я надеюсь, что вы, как и я, когда-нибудь столкнётесь с поучительным проектом на полмиллиона строк, в котором будет пятнадцать файлов helpers.js и десять helpers_DEPRECATED.js

В this.state нельзя так писать. Почитайте про setState.

да. Но эта проблема появляется еще не доходя до стэйта. На дебаге видно как стейт еще не установлен а после операций copy переменные стали одинаковыми. сразу же.

да. Но эта проблема появляется еще не доходя до стэйта. На дебаге видно как стейт еще не установлен а после операций copy переменные стали одинаковыми. сразу же.

да. Но эта проблема появляется еще не доходя до стэйта. На дебаге видно как стейт еще не установлен а после операций copy переменные стали одинаковыми. сразу же.

Главное правило в реакте — разучитесь мутировать. ВООБЩЕ НЕЛЬЗЯ МУТИРОВАТЬ НИЧЕГО. От греха подальше.

@gorbunov_i уже пробовала до того как написать. Эффект тот же

А не ts ругается случаем?

@gorbunov_i та ничего такого особенного: export interface PropsFromState { loading: boolean data: Attributes[] errors?: string vehicles: any } interface PropsFromDispatch { fetchRequest: typeof fetchRequest fetchVehicles: typeof fetchVehicles } interface IState { attributes: AttributesResponseInterface[] | any; tableAttributes: any; } type AllProps = PropsFromState & PropsFromDispatch class IndexPage extends React.PureComponent<AllProps, IState> { constructor(props: AllProps) { super(props); //инициализация переменных } render() { return ( <Page> <Container> …. { this.renderData() } );} public renderData(); componentWillReceiveProps(nextProps: any){ if (nextProps.data !== this.props.data) { if(nextProps.data && nextProps.data.length > 0 && this.state.tableAttributes.length <= 0){ const cloneAttributeList = Object.assign([], nextProps.data); const cloneAttributes = Object.assign([], nextProps.data); cloneAttributes.map((item: AttributesResponseInterface) => item.selected = false); this.setState({...this.state, attributes: cloneAttributes, tableAttributes: cloneAttributeList}); } } } } // It's usually good practice to only include one context at a time in a connected component. // Although if necessary, you can always include multiple contexts. Just make sure to // separate them from each other to prevent prop conflicts. const mapStateToProps = ({ vehicle }: ApplicationState) => ({ loading: vehicle.loading, errors: vehicle.errors, data: vehicle.vehicles_attributes, vehicles: vehicle.vehicles }) // mapDispatchToProps is especially useful for constraining our actions to the connected component. // You can access these via `this.props`. const mapDispatchToProps = { fetchRequest, fetchVehicles } // Now let's connect our component! // With redux v4's improved typings export default connect( mapStateToProps, mapDispatchToProps )(IndexPage)

В рендере нельзя вызывать setState, например

Значит реакт сломался

а кстати почему ?

😕 что делать?

а может быть из-за TS ?

Потому что setState ведёт к рендеру, в котором вызывается setState, который ведёт к рендеру, в котором вызывается setState...

Здравствуйте, я новый в реакте, нужна помощь в маленьком проекте, кто может помочь?

Привет всем) Такая ситуация, в приложухе используется react-textarea-autosize . Но тут понадобилось встроить туда для одного поля такую вот хрень. Должен вылетать выпадающий список) Это не проблема, сделаю) А вот как в textarea запихать что то типа дива? И возможно не одного и при этом текстареа должна изменять свою высоту как по стандарту. А еще должна быть возможность что нибудь дописать после вставленного блока или перед ним)))) Есть идеи???))))

Зато размер бандла мал. И в рантайме мало чего происходит.

Мне вот интересно - у таких любителей использовать на каждый чих готовую либу как обстоят дела с производительность всего приложения?

Мне вот интересно - у таких любителей использовать на каждый чих готовую либу как обстоят дела с производительность всего приложения?

А почему ты думаешь то что я использую пакеты на каждый чих? XD Вообще бы я сказал что этот пакет не так много производительности жрет)

Подумал так потому что ты скачал текстарею

Это как скачать див)

Ведь либы часто очень абстрактные, там предусмотренно много условий под разные случаи, чтоб либа всем подходила

.

Привет всем) Такая ситуация, в приложухе используется react-textarea-autosize . Но тут понадобилось встроить туда для одного поля такую вот хрень. Должен вылетать выпадающий список) Это не проблема, сделаю) А вот как в textarea запихать что то типа дива? И возможно не одного и при этом текстареа должна изменять свою высоту как по стандарту. А еще должна быть возможность что нибудь дописать после вставленного блока или перед ним)))) Есть идеи???))))

Привет всем) Такая ситуация, в приложухе используется react-textarea-autosize . Но тут понадобилось встроить туда для одного поля такую вот хрень. Должен вылетать выпадающий список) Это не проблема, сделаю) А вот как в textarea запихать что то типа дива? И возможно не одного и при этом текстареа должна изменять свою высоту как по стандарту. А еще должна быть возможность что нибудь дописать после вставленного блока или перед ним)))) Есть идеи???))))

Честно, я у тебя тут даже не вижу тексареи, может быть она тебе не нужна?

div contenteditable

Честно, я у тебя тут даже не вижу тексареи, может быть она тебе не нужна?

Ты походу человек докапашка тут 😂😂😂

Не совсем, просто пытаюсь выяснить что ты хочешь сделать. Не совсем ясно, и следовательно не поняв проблему - не помочь

Я описал ситуацию, а ты начал меня распрашивать про производительность 🤷‍♂️🤷‍♂️🤷‍♂️🤷‍♂️🤷‍♂️ Может тебе инетерсно все приложение целиком ? Как начинал и до чего дошел? 😂😂😂 Суть проблемы проста и я считаю что норм объяснил и на скрине видно что нужно сделать) Все)))) И если не понял, не надо задовать глупые вопросы по всякой левой хераборене ))) Спасибо)))

Я у тебя не спрашивал про производительность, это общий вопрос

div contenteditable

Логика компонента независимая от редакса к примеру вызову модалок, открытие закрытие каких то элементов должна находится в компоненте или в контейнере ?

Логика компонента независимая от редакса к примеру вызову модалок, открытие закрытие каких то элементов должна находится в компоненте или в контейнере ?

Это прям как с редакс синк - зачем? Просто так проще, а ведь много людей его юзают (в основном те что проходят посредственные гайды). Хотя эта либа весь флоу ломает

Это прям как с редакс синк - зачем? Просто так проще, а ведь много людей его юзают (в основном те что проходят посредственные гайды). Хотя эта либа весь флоу ломает

в контейнере, если у вас есть такое разделение

Контейнеры редакса

Что это?

Redux containers

Бесполезное разделение которое добавляет лишний слой для передачи данных и колбеков через пропсы

на то есть у некоторых причины - например визуальные ui-тесты

Всем привет, а есть сообщество по верстке или вроде того?

Всем привет, а есть сообщество по верстке или вроде того?

Да ладно, не отмазывайся))) Просто честно скажи что хотел повыпендриваться 😂😂😂😂😂

Добрый день форумчане. Вопрос такой кто сталкивался с тем что сервер долго обрабатывает данные и не отправляет ответ и время ожидания выходит и клиент умирает. У кого то есть наброски примеры и тд. Делаю запросы на сервер через библиотеку axios