example_simple.jsx

// CountingButton.js
import React from "react"

const CountingButton = ({ onClick, count }) => (
    <button onClick={onClick}>
        {`You clicked me ${count} times!`}
    </button>
)

export default CountingButton

// someOtherFile.js
import React, { useState, useEffect } from "react"
import CountingButton from "./CountingButton"

const ExampleComponent = () => {
    const [count, setCount] = useState(0)
    const increaseCount = () => setCount(count+1)
    return <CountingButton onClick={increaseCount} count={count} />
}