Как передавать стэйт между роутами?

Question

[ohio_land]

Всех приветствую!
Продолжаю изучать механизмы этой замечательной библиотеки. И тут возник вопрос, сабж. К примеру имеем такой роутер из двух страниц:

class Content extends React.Component {
	render() {
		return (
			<Switch>
				<Route exact path="/" component={Home} />
				<Route path="/sqlshell" component={Contacts} />
			</Switch>
		)
	}
}

И затем переходим на страницу Home, заполняем state какими-либо данными, и после этого при переходе на страницу Contacts мне нужно что бы state тоже передался этому компоненту. Позволю себе предположить что инициализировать стэйт нужно в конструкторе Content-компонента, чтобы он был виден для обоих детей компонентов Home и Contacts, примерно вот так:

class Content extends React.Component {
	constructor(props, context) {
		super(props, context)
		this.state = {
			data1: null,
			data2: null,
		}
	}

	render() {
		return (
			<Switch>
				<Route exact path="/" component={Home} />
				<Route path="/sqlshell" component={Contacts} />
			</Switch>
		)
	}
}

Но тогда как извлекать этот стэйт от страницы к странице? Или может передавать стэйт в качестве props аттрибутов каждому компоненту?

Answer 1

[Negwereth]

store

Comments

[ohio_land]

Все ссылки ведут к Redux, можно сказать вообще не знаком с этой технологией, только знаю что использует state по минимуму. Еще вот нашел https://stackoverflow.com/questions/41108701/react... Видимо пытаются прикрутить общедоступный стэйт для роутов компонентов, но в конце его тоже отправляют на Redux. Просто я подумал что это не так уж и сложно, а выходит что нужно вникать в еще одну технологию, что-ж будем копать :)

[Negwereth]

React - это всего лишь UI либа, для отображения. Вся логика, данные и тд должны реализовываться другими модулями.

[ohio_land]

Ясно, спасибо за наводку!

[Иван]

ohio_land: есть еще Mobx.
Но вообще простой стор не сложно и самому написать.