Хочу сделать библиотеку компонентов, чтобы можно было использовать в разных приложениях. Естественно, один компонент из библиотеки может использовать другой компонент, допустим начальный рендеринг такой:
<Provider store={store}>
<AppMain>
<Library_LoginForm />
</AppMain>
</Provider>
Library_LoginForm - компонент из библиотеки. Он в свою очередь использует два компонента текстового ввода, в результате render получается таким:
class Library_LoginForm {
render() {
return(
<div>
<Library_TextInput caption="Логин" />
<Library_TextInput caption="Пароль" hidden="true" />
</div>
);
}
}
Компоненты Library_LoginForm, Library_TextInput не знают о хранилище конкретного приложения. Они ожидают, что в их props окажется необходимая им информация. Она там окажется в результате срабатывания функций вида mapToProps при использовании @connect из react-redux. Но ведь один библиотечный компонент тогда должен в случае нужды в другом библиотечном компоненте использовать его "@connect"-версию. А откуда он его возьмет?
Конечно, можно делать @connect только компонентам "верхнего уровня", а они пусть сами пробрасывают props'ы дочерним, но может есть красивое решение как "законнектить" конкретный библиотечный компонент на конкретное хранилище приложения?