子要素から親に子オブジェクトを渡す方法

4449 ワード

webdev trick react hack テキストリンク

トピックを開始する前に、これは私が私がちょうど私が私のプロジェクトをしているとき、今日これを見つけたハックであると私に教えさせました.私は問題を解決するときに私は子供から親へのデータを変更しようとして直面している.私は親から子供へのパスの小道具を知っているが、私は親から子供に小道具を渡す必要があります覚えている.始めましょう!

要件は理解する必要がある

プロップ

は何ですか

Props are arguments passed into React components. Props are passed to components via HTML attributes. props stands for properties.

Source

は、州

です

State is similar to props, but it is private and fully controlled by the component.You can make dynamic data using state.
source

オーケー!コードに入らないでください.

import { useState } from "react";
import Child from "./child";
const App = () => {
  const [Name, setName] = useState("Parent");

  return (
    <>
      <h1>{Name}</h1>
      <Child Changedata={(Name) => setName(Name)} />
    </>
  );
};

export default App;

**親コンポーネントでは親プロセスの状態値を「親」に設定し、子要素を子プロセスに渡します.


const Child = (props) => {
  return (

   <button 
   onClick={() => props.Changedata("Child")}>
   Change</button>

  )
};

export default Child;

子コンポーネントでは、関数をpropsを使って呼び出しました.changedata(“子”)と、関数の値の値を設定します.
.
デモlink
このようにすべての今日の場合は、誰かにそれを共有してくださいと私はあなたのフィードバックを参照してくださいに待機しています.フォローミーオン
PS:私はちょうど何かミスフィードバックが歓迎されている記事を書き始めています.

Reference

この問題について(子要素から親に子オブジェクトを渡す方法), 我々は、より多くの情報をここで見つけました https://dev.to/hareom284/how-to-pass-props-object-from-child-component-to-parent-2a8d

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

Collection and Share based on the CC Protocol

[react]UserEffectについて

[Git]上流、起源、Gitオブジェクトの理解