kent-where-the-light-isのブックマーク / 2017年8月11日

kent-where-the-light-is id:kent-where-the-light-is

2017年8月11日のブックマーク (6件)

How can I change an array in a state in React?
kent-where-the-light-is 2017/08/11
“ 2 down vote accepted The state is kept as a map, so the way that you're editing doesn't really make sense. My recommendation is to treat the previous state as "immutable" (my example isn't actually doing that) and replace the value wholesale. var changedBoards = this.state.boards changedBoards[0
リンク
Reactコンポーネントへの理解を深める
対象読者 JavaScriptとWeb開発の基礎に理解がある方 Reactに興味／関心があり、これから学び始める方前提環境 macOS Sierra 10.12 Node.js v6.6.0／npm 3.10.3 React 15.4.0 PropsとState Reactコンポーネント内では、PropsとStateという2つのオブジェクトが利用されます。Propsは、コンポーネントを生成するときに親から渡されるオブジェクトで、コンポーネントが画面から取り除かれるまで、不変の値を保持します。対してStateはコンポーネント内で保持される、プライベートなオブジェクトで、可変の変数を保持します。以下のサンプルは、180秒間のカウントダウンタイマーです。こちらでPropsとStateの使い分けのイメージを説明します。 import React from 'react'; import Rea
kent-where-the-light-is 2017/08/11
“また、setState()メソッドはアロー演算子を使うことで、第1引数に前の状態のstate、および第2引数にpropsを受け取ることができます。このメソッドは非同期に処理が行われるため、更新がうまく画面に反映されないような場
リンク
JavaScript single line 'if' statement - best syntax, this alternative?
Ask questions, find answers and collaborate at work with Stack Overflow for Teams. Explore Teams Collectives™ on Stack Overflow Find centralized, trusted content and collaborate around the techno logies you use most. Learn more about Collectives
kent-where-the-light-is 2017/08/11
“It can also be done using a single line with while loops and if like this: if (blah) doThis();”
リンク
class-methods-use-this - ESLint - Pluggable JavaScript Linter
If a class method does not use this, it can sometimes be made into a static function. If you do convert the method into a static function, instances of the class that call that particular method have to be converted to a static call as well (MyClass.callStaticMethod()) It’s possible to have a class method which doesn’t use this, such as:
kent-where-the-light-is 2017/08/11
“If a class method does not use this, it can safely be made a static function. It’s possible to have a class method which doesn’t use this, such as: class A { constructor() { this.a = "hi"; } print() { console.log(this.a); } sayHi() { console.log("hi"); } } let a = new A(); a.sayHi(); // => "h
リンク
MUI: The React component library you always wanted
Skip to content🚀 Influence MUI's 2025 roadmap! Participate in the latest Developer Survey →
kent-where-the-light-is 2017/08/11
“Stepper A stepper is an interface for users to show numbered steps or for navigation. It just provides views, not handling logic (when the step is active, or when the step is completed, or how to move to the next step). Basic Usage The <Stepper> can be controlled by passing the current step index
リンク
React DnD
kent-where-the-light-is 2017/08/11
“It is easy to implement a sortable interface with React DnD. Just make the same component both a drag source and a drop target, and reorder the data in the hover handler.”
リンク
- 2017年8月12日
- 2017年8月11日
- 2017年8月10日