Recoil公式ドキュメント 翻訳⑱ APIリファレンス-Core-State-useResetRecoilState()

Recoilの公式ドキュメントをgoogle翻訳するとコードまで翻訳されてしまうのが面倒なのでQiitaにまとめてみます。

追々追加していきます。(多分)

公式ドキュメント

目次

• 前書き　①　②　③　④
• 基本チュートリアル　⑤　⑥　⑦
• ガイド　⑧　⑨　⑩
• APIリファレンス
  • Core
    •　⑪ <RecoilRoot />
    •　State
    　・　⑫atom()
    　・　⑬selector()
    　・　⑭Loadable
    　・　⑮useRecoilState()
    　・　⑯useRecoilValue()
    　・　⑰useSetRecoilState()
    　・　⑱ useResetRecoilState()
    　・　⑲useRecoilValueLoadable()
    　・　⑳useRecoilStateLoadable()
    　・　㉑isRecoilValue()
    •　Snapshots　㉒　㉓　㉔　㉕
    •　㉖useRecoilCallback()
    •　雑録(Misc)　㉗
    
  • 実用(utils)　㉘　㉙　㉚　㉛　㉜　㉝　㉞　㉟

※全目次は一番下にあります

---

useResetRecoilState(state)

​指定されたstateの値を既定値にリセットする関数を返します。

​useResetRecoilState()を使用すると、コンポーネントは、stateが変更されるたびに再レンダリングするようにコンポーネントを登録することなく、stateをデフォルト値にリセットできます。

---

function useResetRecoilState<T>(state: RecoilState<T>): () => void;

• state: 書き込み可能な Recoil state

サンプルコード

import {todoListState} from "../atoms/todoListState";

const TodoResetButton = () => {
  const resetList = useResetRecoilState(todoListState);
  return <button onClick={resetList}>Reset</button>;
};

---

参考サイト

・公式ドキュメント
・みらい翻訳

---

全目次

• 前書き
  • ①動機
  • ②コアコンセプト
  • ③インストール
  • ④入門
• 基本チュートリアル
  • ⑤概要
  • ⑥Atoms
  • ⑦Selectors
• ガイド
  • ⑧非同期データクエリ
  • ⑨非同期状態・同期状態
  • ⑩Stateの永続性
• APIリファレンス
  • Core
    •　⑪ <RecoilRoot />
    •　State
    　・　⑫atom()
    　・　⑬selector()
    　・　⑭Loadable
    　・　⑮useRecoilState()
    　・　⑯useRecoilValue()
    　・　⑰useSetRecoilState()
    　・　⑱ useResetRecoilState()
    　・　⑲useRecoilValueLoadable()
    　・　⑳useRecoilStateLoadable()
    　・　㉑isRecoilValue()
    •　Snapshots
    　・　㉒Snapshot
    　・　㉓useRecoilTransactionObserver()
    　・　㉔useRecoilSnapshot()
    　・　㉕useGotoRecoilSnapshot()
    •　㉖useRecoilCallback()
    •　雑録(Misc)
    　・　㉗useRecoilBridgeAcrossReactRoots()
    
  • 実用(utils)
    •　㉘atomFamily()
    •　㉙selectorFamily()
    •　㉚constSelector()
    •　㉛errorSelector()
    •　㉜waitForAll()
    •　㉝waitForAny()
    •　㉞waitForNone()
    •　㉟noWait()