Эта страница еще не переведена
Чтобы добавить перевод, откройте Pull Request по этой ссылке.
Отображается содержимое для языка по умолчанию.
import React from "react";import ReactDOM from "react-dom";import { createEvent, createStore, combine } from "effector";import { useUnit } from "effector-react";
const plus = createEvent();
const $counter = createStore(1);
const $counterText = $counter.map((count) => `current value = ${count}`);const $counterCombined = combine({ counter: $counter, text: $counterText });
$counter.on(plus, (count) => count + 1);
function App() { const counter = useUnit($counter); const counterText = useUnit($counterText); const counterCombined = useUnit($counterCombined);
return ( <div> <button onClick={plus}>Plus</button> <div>counter: {counter}</div> <div>counterText: ${counterText}</div> <div> counterCombined: {counterCombined.counter}, {counterCombined.text} </div> </div> );}
ReactDOM.render(<App />, document.getElementById("root"));
Перевод поддерживается сообществом
Документация на английском языке - самая актуальная, поскольку её пишет и обновляет команда effector. Перевод документации на другие языки осуществляется сообществом по мере наличия сил и желания.
Помните, что переведенные статьи могут быть неактуальными, поэтому для получения наиболее точной и актуальной информации рекомендуем использовать оригинальную англоязычную версию документации.