12-1: history.push()

4260 ワード

TIL ルーターはんのうテキストリンク

// 이동을 시킬 컴포넌트
this.props.history.push({
  pathname: "/set_account",
  state: {다른 컴포넌트에서 사용할 변수명(A): 해당 컴포넌트의 state(B)}
});

// 넘겨받은 state(=props) 사용하기
const A = this.props.location.state.B;

注意すべき点はprops.locationは状況に応じて作成される値なので、最初の構築時に定義されていない可能性があります.それなら当然そうなるprops.location.state.Bも未定義なのでエラーが発生します.この点を考慮して,防御コードを作成する.

反応フック、useStateの4つの使い方

function LoginForm() {
  const [form, setValues] = useState({
    username: '',
    password: ''
  });

  const updateField = e => {
    setValues({
      ...form,
     [e.target.name]: e.target.value
    });
  };

複数のキーを持つオブジェクトステータスのコードを一度に管理できます.

Reference

この問題について(12-1: history.push()), 我々は、より多くの情報をここで見つけました https://velog.io/@dulcis-hortus/12-1

テキストは自由に共有またはコピーできます。ただし、このドキュメントのURLは参考URLとして残しておいてください。

Collection and Share based on the CC Protocol

1～3)鉛筆数

<高橋潤子>