propsの書き換えは原則行えない

React
目次

propsの書き換えは原則行えない

const Hello = (props) => {

  /* props.nameの書き換えをしているのでこれはエラーになる*/

  props.name = "John";

  return (

    <div>

      <h3>Hello {props.name}</h3>

    </div>

  );
};

export default Hello;

propsの状態を確認する方法

const desc = Reflect.getOwnPropertyDescriptor(props,'name');
console.log(desc);
configurable: false

enumerable: true

value: "TOM"

writable: false

プロパティはそれぞれ以下の意味になる

configurable: 隠し設定を変更できるか

enumerable:for…inのloopで列挙対象になるか

writable: 値の書き換えができるか

今回はここまで。

よかったらシェアしてね!
  • URLをコピーしました!
  • URLをコピーしました!
目次