私はReactを学習していますが、Reactを使用せずに状態の変化を再描画する方法があるかどうか疑問に思っています。これはプレーンJavaScriptで可能ですか?JavaScriptの状態が反応なし
答えて
は、私たちの全体のアプリケーションがこのであると仮定してみましょう:
<input id="myState" />
<h2 id="myView"></h2>
私たちは状態を呼び出し、我々はビューを呼び出す値のいくつかの並べ替えを持っている価値のいくつかの並べ替えを持っています。今私たちが望むのは、私たちの状態を更新するときに、私たちのビューを更新したいということです。はい、それはReact/Redux/etcがなければ絶対に可能です。
window.onload = function(){
var state = document.getElementById('myState'),
view = document.getElementById('myView')
state.addEventListener('keyup',function(e){
view.innerText = e.target.value
})
}
アプリケーションの「状態」が変更されるたびに、「表示」がリセットされます。
このダミーの問題を過ぎると、React/Angular/Ember/Backbone/etcのすべての問題を解決するために問題が発生します。
バニラJSでできますか?はい、他の誰かがすでにvanilla JSでそれをしていたからです。
私は昨夜の会合でこれについて話し合いましたが、あなたにも同様の回答がありました。 React/Reduxはそれを簡単にしますが、どちらもjavascriptなので、技術的にはあなたが望む機能を取り除くためのミニフレームワークを書くことができますが、肥大していない限り、これを行うフレームワークを使うべきです。 –
私は本当にあなたのUIがどれほど狂っているかにかかっています。フィルタリング/デッサウしたい〜100個の要素の一覧だけであれば、バニラJSでフィルタリングして再描画するのは簡単です。あなたが本格的なSPAを望むなら、それはより楽しくなるが、あなたは再びライブラリを構築することになる。あなたが得るものを与える。 –
- 1. 反応の初期状態
- 2. 動的反応状態
- 3. 反応が更新された状態
- 4. 反応状態が不一致
- 5. 更新状態が反応ルータ
- 6. 反応状態とmobx - 反パターン?
- 7. 初期状態に反応します。
- 8. :ループ状態の反応コンポーネントの選択状態
- 9. 反応小道具が状態を更新していない
- 10. 状態が正常でない単純な反応の例
- 11. reduxで反応しない初期状態は反応しません
- 12. 反応状態を別の状態に追加する
- 13. 反応ナビゲーションと反応して反応する[スクリーン上で状態を移す]
- 14. セレクタ内のルータの反応状態に反応する
- 15. フィルターコンポーネントの反応状態のライフサイクル
- 16. 反応内の値状態の消去
- 17. Jestの反応コンポーネント状態の検査
- 18. なぜ状態変化に反応しないのですか?
- 19. セマンティック-UI-反応のonChange状態
- 20. フィルタインデックスの反応状態を更新
- 21. mobx状態の同期反応ルータ
- 22. クリック時の反応状態更新
- 23. は、コンポーネントの状態が更新されない反応(FLUX APP)
- 24. 反応ナビゲーションStackNavigatorリセット時にRedux状態
- 25. 反応チャート状態更新エラー
- 26. ループスルー反応状態を設定する
- 27. 反応設定状態変数
- 28. ビジー状態のインジケータが反応したネイティブ
- 29. C++/Qtがネットワーク状態に反応しました。
- 30. 状態をフィルタリングせずにフィルタリングして反応させない
Reactでコードがどのように機能しているか知りたい場合は、Reactが使用するコードを読むことをお勧めします。 –
[redux](https://github.com/reactjs/redux)または[mobx](https://github.com/mobxjs/mobx)?どちらもフレームワークにとらわれないものです –
本当に欲しいものと必要なものを知っておく必要があります。本当に再発明する必要がありますか?どのフレームワークやライブラリでも私の問題を解決できますか? –