#6 – Веб хуки. Что это и как работает?

 
import React, { useState } from "react"

const UserName = (props) => {
    const [click, setClick] = useState(props.text)

    const replaceName = (event) => {
        let replace = prompt(event.value, "Поменять имя")
        setClick(replace)
    }

    return (
        <div className="replace">
            <button onClick={replaceName}>{click}</button>
            <p className="replace-hi">{click === "Поменять имя" ? "Привет Пользователь" : `Привет ${click}`}</p>
        </div>
    )
   
}


export default UserName
import React from "react"
import UserName from "./components/UserName"

class App extends React.Component {
    constructor(props) {
        super(props)
        this.state = {
            replaceUser: "Поменять имя",
        }
    }

    render() {
        return (<div className="name">
            < UserName text={this.state.replaceUser}/>
        </div>)
    }
    
}

export default App