А чего надо написать ?

isModalOpen:boolean ?

тебе прежде чем типы писать, надо код пофиксить

А чего надо написать ?

покажи свой стор пожалуйста

Js знает, а тс не знает ))

JSy похуй))

Без типов всер норм

export const showInfoModal = createAction(SHOW_INFO_MODAL) reducer.on(showInfoModal, (state) => ({ ...state, isModalOpen: !state.isModalOpen }))

Без типов всер норм

тогда если без типов все норм const {isModalOpen}: IState =useSelector((state): IState=>state.modal)

Должно быть норм )))

тогда если без типов все норм const {isModalOpen}: IState =useSelector((state): IState=>state.modal)

Неправильно же, аа нет, не туда посмотрел

тогда если без типов все норм const {isModalOpen}: IState =useSelector((state): IState=>state.modal)

Не работает ))

Неправильно же, аа нет, не туда посмотрел

вай? у него в сторе по ключу modal лежит {isModalOpen:boolean}

я запутался

Не работает ))

ошибку в студию

Object is of type 'unknown'

@tanyaisinmybed он может чо та где то выше переопределить? я прост в тсе не так силен

Js знает, а тс не знает ))

кек, ну откуда тсу узнать, укажи в типе, тогда он будет ожидать

Где указывать то ?

Где указывать то ?

я же выше показал

type IState = { modal: any isModalOpen: any } const {isModalOpen}: IState =useSelector((state): IState=>state.modal)

@tanyaisinmybed он может чо та где то выше переопределить? я прост в тсе не так силен

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

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

согласен

type IState = { modal: any isModalOpen: any } const {isModalOpen}: IState =useSelector((state): IState=>state.modal)

Object is of type 'unknown'

type IState = { modal: any isModalOpen: any } const {isModalOpen}: IState =useSelector((state): IState=>state.modal)

и вот теперь тс видит твой modal, если его нету , он пошлет тебя

Object is of type 'unknown'

ну значит у тебя в state пришла пачка говна, став дебагер, консоль логай, смотри что там

ну значит у тебя в state пришла пачка говна, став дебагер, консоль логай, смотри что там

Нет, это тип state вывелся как unknown

useSelector((state: IState) => state.modal) тут ведь опечатка была

Нет, это тип state вывелся как unknown

а , так он вообще хрень сделал, useSelector это же ридаксовый

Object modal: isModalOpen: false // const zz=useSelector(state=>state) console.log(zz) воводит нормальный объект

Привет. В компоненте есть перемнная loading, она есть, пока данные грузятся с апи. Как по ней внутри таблицы, под thead, отображать спиннер? Внутрь <tr> не положить, нельзя.

Object modal: isModalOpen: false // const zz=useSelector(state=>state) console.log(zz) воводит нормальный объект

const state = useSelector<RootReducer, Selected>( state => ({}), shallowEqual );

Привет. В компоненте есть перемнная loading, она есть, пока данные грузятся с апи. Как по ней внутри таблицы, под thead, отображать спиннер? Внутрь <tr> не положить, нельзя.

<tbody>

const state = useSelector<RootReducer, Selected>( state => ({}), shallowEqual );

где RootReducer - описанный стор (весь, может и не весь, не помню) Selected - описанный стор, точнее не весь стор, а нужная часть

где RootReducer - описанный стор (весь, может и не весь, не помню) Selected - описанный стор, точнее не весь стор, а нужная часть

точенее Selected, та часть стора, на которую подписался

Кто-нибудь сталкивался с подобным? Как лучше всего добавить пустой th?

<tbody>

Так можно? Сам спиннер это <div>. Я думал, <div> нельзя в <tbody>.

Кто-нибудь сталкивался с подобным? Как лучше всего добавить пустой th?

декларирован вот так <tr/> ?

<tbody>

<div> cannot appear as a child of <tbody>.

декларирован вот так <tr/> ?

<tr><th>123</th></tr> Это мне нужно для подобного, у аватарки не должен быть заголовок(скрин)

точенее Selected, та часть стора, на которую подписался

В рут редюсере тоже нужно типы описывать ?

В рут редюсере тоже нужно типы описывать ?

type RootReducer = { firstReducer: FirstState; secondReducer: SecondState; }; да , там весь стор, не помню, может не весь, нужно смотреть а в Selected type Selected = { modal: any showModal: any }; то, на что подписываешься в useSelector

<div> cannot appear as a child of <tbody>.

так попробуй тогда в tbody по условию либо выводить 1 tr со спинером внутри, либо все прочие tr с данными

<tr><th>123</th></tr> Это мне нужно для подобного, у аватарки не должен быть заголовок(скрин)

чуть подробнее структура, т.е семантически всё верно, кмк

В рут редюсере тоже нужно типы описывать ?

там еще пример есть

короче тупо передай 2 дженерика в хук, useSelector<any, any> сделай для пробы

так попробуй тогда в tbody по условию либо выводить 1 tr со спинером внутри, либо все прочие tr с данными

Насколько помню мои опыты, <div нельзя в <tr>.

Насколько помню мои опыты, <div нельзя в <tr>.

можно UPD: а нет, скорее будет ошибка валиться, лучше в td

точнее

Насколько помню мои опыты, <div нельзя в <tr>.

+

тогда если без типов все норм const {isModalOpen}: IState =useSelector((state): IState=>state.modal)

не, у useSelector есть два дженерика, туда передать все нужно, дальше он по ним все словит

короче тупо передай 2 дженерика в хук, useSelector<any, any> сделай для пробы

Спасибо, все получилось const {isModalOpen}=useSelector<RootState,IState>((state)=>state.modal) IState взял из редюсера модалки, а рутстате из рутРедюсера. Так правильно делать или не совсем ?

можно UPD: а нет, скорее будет ошибка валиться, лучше в td

<div> cannot appear as a child of <tr>.

можно UPD: а нет, скорее будет ошибка валиться, лучше в td

можно, но валидацию не пройдет

Спасибо, все получилось const {isModalOpen}=useSelector<RootState,IState>((state)=>state.modal) IState взял из редюсера модалки, а рутстате из рутРедюсера. Так правильно делать или не совсем ?

ну да, только не RootReducer, а RootState, я давно делал, тупенький был, не IState, а Selected будет лучше

можно UPD: а нет, скорее будет ошибка валиться, лучше в td

{loading && <tr><td><Loader /></td></tr>} не пишет ошибок, вроде.

можно, но валидацию не пройдет

да-да, я про это и говорю

import {IState as Selected} from '../ducks/modal' так легально делать?

{loading && <tr><td><Loader /></td></tr>} не пишет ошибок, вроде.

такой синтаксис валидный, а вот если div в tr(но не в td) - уже нет

Может, зря вообще за этот дурацкий тс взялся )

import {IState as Selected} from '../ducks/modal' так легально делать?

Легально, но можешь не переименовывать, а сразу назвать нормально

Может, зря вообще за этот дурацкий тс взялся )

Не зря, Иди в @ts_ru, но лучше сначала в доку с гуглом

У меня дока с читшитом открыта

Значит, я в неправильном месте задавал вопросы ) На каждый пук - свой чатик|||

import {IState as Selected} from '../ducks/modal' так легально делать?

Да

Всем привет! Есть Router с атрибутом history в компоненте App файла app.jsx со своими Route элементами. В него импортируются наследованные компоненты, например home.jsx. Нужно ли Router указывать в наследуемых компонентах, если там будут свои элементы Route?

Всем привет! Есть Router с атрибутом history в компоненте App файла app.jsx со своими Route элементами. В него импортируются наследованные компоненты, например home.jsx. Нужно ли Router указывать в наследуемых компонентах, если там будут свои элементы Route?

Не, роутер один в корне приложения

Не, роутер один в корне приложения

Спасибо!

у компоннета LInk пакета роута можно как-то отрубить переход по ссылке?

ну типа onlcik навеситть и e.preventDefault

у компоннета LInk пакета роута можно как-то отрубить переход по ссылке?

Зачем тогда тебе компонент Link?

у компоннета LInk пакета роута можно как-то отрубить переход по ссылке?

Не используй Link , если по нему не нужно переходить ..

ну тут такое дело, менюха, родитоельские ссылки могут иметь ссылку. а могут не иметь

ну типа onlcik навеситть и e.preventDefault

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

ну тут такое дело, менюха, родитоельские ссылки могут иметь ссылку. а могут не иметь

Рисуй либо Линк либо псевдо

но тут нарно лучше всё дивами сделать и юзать редирект, но как сделать редирект? компонент редирект ведь если в переменую просто забить в ф-ции, он же не исполнится

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

+

так рердрект как мжоно сделать в ф-ции?

Всем привет, кто подскажет как протестить обёртку ajax запроса, например на вызов нужных колбеков. Из инструментов sinon

ну тут такое дело, менюха, родитоельские ссылки могут иметь ссылку. а могут не иметь

я бы на твоем месте сделал бы не вложенность, а один блок, в котором родительская категория не поглощает дочерние. родительская отдельной ссылкой, а рядом блок с другими дочерними ссылками

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

нашёл решение https://tylermcginnis.com/react-router-programmatically-navigate/