example3.jsx

import { useStore } from 'effector-react'
import { useEffect } from 'react';
import { pageMounted, listStore, stateStore } from './TodoList.store';

const TodoList = () => {
  useEffect(pageMounted, []);

  const list = useStore(listStore);
  const state = useStore(stateStore);

  return (
    <div>
      <div>{state}</div>
      {list.map(item => (
        <div key={item.id}>
          {item.value}
        </div>
      ))}
    </div>
  )
}

export default TodoList;