クラスメソッドを純粋なものにする必要がありますか？

Question

Reactクラスのメソッドの中で 'this.props'と 'this.state'を使うか、外部の状態と小道具から必要なデータだけを準備して、それをパラメータとしてメソッドに渡すのがいいですか？

最初のオプションは素早く表示されますが、の場合はエラーが発生する可能性があります。

Answer 1

個人的に私はコンポーネントメソッドをjavascriptの通常のメソッドと全く同じように扱います。私にとって、それは、少なくとも、名前と入力パラメーターに基づいて、特定のメソッドがどのような責任を負うのか、私が考えているメソッドヘッダーを調べるだけであることを意味します。

第2のことは、コンポーネントの形状自体に依存することです。

あなたのコンポーネントには、 'markPersonAsAbsent'という名前のメソッドがあるとします。

あなたのコンポーネントが単なる人を扱う場合、実際にはthis.props.personのようなものを操作する必要があることは明らかです。

しかし、コンポーネントがインラインで編集できる人のリストのようなものであれば、特定の人物をそのメソッドにパラメータとして渡すことを期待するよりも、単なる人の情報カードだけではありません。

このシナリオでは、コンポーネントが誤って設計されており、より霧化する必要があると主張できますが、単純な例を説明したいだけです。

個人的には、コンポーネントを読みやすくし、予測可能とする方法に焦点を当てようとします。

Answer 2

this.stateとthis.propsは読み取り専用プロパティなので、値を直接変更することはできません。エラーが発生しやすくなりません。