Эта страница еще не переведена

Чтобы добавить перевод, откройте Pull Request по этой ссылке.

Отображается содержимое для языка по умолчанию. 

import { createComponent } from "effector-react";
Deprecated

since effector-react 23.0.0.

You can use hooks api in createComponent since effector-react@20.3.0.

Methods

createComponent($store, render)

Creates a store-based React component. The createComponent method is useful for transferring logic and data of state to your View component.

Arguments

  1. $store (Store | Object): Store or object of Store
  2. render (Function): Render function which will be called with props and state

Returns

(React.Component): Returns a React component.

Example

import { createStore, createEvent } from "effector";
import { createComponent } from "effector-react";

const increment = createEvent();

const $counter = createStore(0).on(increment, (n) => n + 1);

const MyCounter = createComponent($counter, (props, state) => (
  <div>
    Counter: {state}
    <button onClick={increment}>increment</button>
  </div>
));

const MyOwnComponent = () => {
  // any stuff here
  return <MyCounter />;
};

Try it

Перевод поддерживается сообществом

Документация на английском языке - самая актуальная, поскольку её пишет и обновляет команда effector. Перевод документации на другие языки осуществляется сообществом по мере наличия сил и желания.

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

Соавторы
Commits