const listStyles = { rank: { color: "purple" } } class ProjectList extends Component { render() { const parsed = queryString.parse(this.props.location.search); return ( <List {...this.props} title="Projects" filterDefaultValues={{ status: 'A', type: parsed.type }} perPage={50} filters={<ProjectFilter />} bulkActions={<ProjectBulkActions />} > <ProjectTabbedFilter classes={this.props.classes} /> </List> ) } } export default withStyles(({ listStyles }))(ProjectList);

const listStyles = { rank: { color: "purple" } } class ProjectList extends Component { render() { const parsed = queryString.parse(this.props.location.search); return ( <List {...this.props} title="Projects" filterDefaultValues={{ status: 'A', type: parsed.type }} perPage={50} filters={<ProjectFilter />} bulkActions={<ProjectBulkActions />} > <ProjectTabbedFilter classes={this.props.classes} /> </List> ) } } export default withStyles(({ listStyles }))(ProjectList);

Ребят, как из дочернего компонента передать инфу в другой дочерний компонент через родителя? Как правильно загуглить будет такое? Или скиньте где почитать. И что бы без redux

у родителя стейт. У родителя ф-ция, которая меняет этот стейт. Потомку 1 передаешь ф-цию, - она будет обрабатывать данные и записывать в стейт родителя. Потомку 2 передаешь стейт, который будет пропсом, который будет всегда обновляться к актуальными данными.

Ребят, как из дочернего компонента передать инфу в другой дочерний компонент через родителя? Как правильно загуглить будет такое? Или скиньте где почитать. И что бы без redux

То есть в любом случае весь родитель будет перерисовываться?

await прям как компонент в Marko это конечно круто ?, хотя с другой стороны чего тогда все так орут про редиректы в рендере от rr

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

Уважаемые, подскажите как сделать ссылку в реакте кторая будет target='_blank' то есть на другую страницу

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

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

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

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

хотя скорее всего тебе нужен лодашевский isEqual

===

да, но я видел есть что-то такое супер модное, что все используют.

это юмор какой-то?

нет

нет

я просто оставлю это тут http://adripofjavascript.com/blog/drips/object-equality-in-javascript.html

а я напишу 1 слово иммутабельность

да, но я видел есть что-то такое супер модное, что все используют.

а я напишу 1 слово иммутабельность

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

shallowEqual :)

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

включить в react tools подсветку ре рендера?

как отследить, какой компонент вызывает ререндер всех остальных?

Зачем?

Как понимать твой вопрос? Каждый компонент сам определяет надо ли ему перерисовываться.

они и так не ререндерятся же

Как понимать твой вопрос? Каждый компонент сам определяет надо ли ему перерисовываться.

ну вообще-то нет) рендер вызывается либо сетСтейтом либо рендером родителя

при чем тут иммутабельность? у меня есть стейт в компоненте. я рядом посчитал какие-то значения, мне нужно понять, нужно теперь менять стейт или нет, т.е. мне нужно сравнить часть стейта с полученными значениями. в случае если они не поменялись, то не обновлять стейт. и shallowEqual это то что мне нужно, спасибо.

при чем тут иммутабельность? у меня есть стейт в компоненте. я рядом посчитал какие-то значения, мне нужно понять, нужно теперь менять стейт или нет, т.е. мне нужно сравнить часть стейта с полученными значениями. в случае если они не поменялись, то не обновлять стейт. и shallowEqual это то что мне нужно, спасибо.

Привет, я импортирую иконки - react component-ы. import {FaCoins} from "react-icons/fa"; Там и другие собственно. Хочу мапить имя операции на иконку. Сделал что то вроде const opIcons = { "money" : <FaCoins />, }И дальше создаю батоны <Button>{opIcons["money"]}</Button>Но так не работает почему то, напрямую написать - все отлично. <Button><FaCoins /></Button>Как правильно сделать?

при чем тут иммутабельность? у меня есть стейт в компоненте. я рядом посчитал какие-то значения, мне нужно понять, нужно теперь менять стейт или нет, т.е. мне нужно сравнить часть стейта с полученными значениями. в случае если они не поменялись, то не обновлять стейт. и shallowEqual это то что мне нужно, спасибо.

const map = { money: FaCoins }

Так не работает

вообще я не очень понял что за кейс ты описываешь)

Его кейс описан в https://reactjs.org/blog/2018/06/07/you-probably-dont-need-derived-state.html, где про мемоизацию, у него просто computed property

да, твой изначальный вариант должен работать

https://twitter.com/andrey_sitnik/status/1047184704133390340

https://twitter.com/andrey_sitnik/status/1047184704133390340

Чанки

Я бы пожалуй дропнул бы такой проект

что значит дроплнул бы??

https://reactjs.org/blog/2018/10/01/create-react-app-v2.html

Да