Skip to content

Instantly share code, notes, and snippets.

What would you like to do?
import React, { useState } from "react";
import { useRecoilState, atom } from "recoil";
const todoListState = atom({
key: "todoListState",
default: ["Apples", "Eggs", "Butter"],
function App() {
const [todoList, setTodoList] = useRecoilState(todoListState);
const [todo, setTodo] = useState("");
return (
<input value={todo} onChange={(e) => setTodo(} />
<button onClick={() => setTodoList((todos) => [...todos, todo])}>
{ => (
<li key={item}>{item}</li>
export default App;
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
You can’t perform that action at this time.