propsを用いて子コンポーネントから 親コンポーネントへデータを渡したい

Reactの特徴の一つとして、単方向データフローというものがあります。
端的に紹介すると、親から子へのデータのやり取りしか行わないと言うものです。(参考のステップ4に記載があります。

もし親でデータを使いたいのであれば、参考のステップ5のように、書く必要があります。
※ 参考リンクをステップ1から一通り読むことで悩みを解消できると思います。

エラー自体は以下のように書けば解消されると思います。

jsx

1import TagsInput from "./TagsInput";2 3// Top4const Top = () => {5 const[tags_from_tagsinput, setTagsinput]= useState("");6 7 return (8 <TagsInput setTagsInput={setTagsinput} />9 );10}11export default Top;12 13 14// TagsInput15const TagsInput = ({ setTagsInput }) => {16 // 省略17};18export default TagsInput;19

コメントを投稿

0 コメント