react js как из дочернего передать в родительский

Рейтинг: -2Ответов: 1Опубликовано: 09.01.2023

Я вроде правильно написал но всё равно не работает, вот код:

APP:

import React, { useState } from "react";
import Increment from "./Increment&Decrement"

function App() {

    const [name, satename]=useState("gg");

     const placehh = (name)=>{
         satename(name)
     }

     return (
      <div className="App">
          <h1>{name}</h1>
          <Increment onChanger={placehh}/>
      </div>
    );
}

export default App;

Ответы

▲ 0

В дочернем компоненте вызовите коллбэк onChanger, который вы передаете в props:

function Increment = ({ onChanger }) => {

    return <div onClick={() => onChanger('John')}>Set name</div>

}

export default Increment