JS: func 不是 function (onClick)

Question

I have main file with a function in it:

readFromInput = (value) => {
  console.log(value)
}

And I have an additional file with a function in it which allows me to render some button:

export default React.forwardRef(function(props,ref) {
    const {message,severity, flag, func}=props
    ......}

I want to call the onClick method in the last one with use of function from the first one:

<Button onClick={() => {func(value)}}>Ok</Button>

How should I call it?

Answer 1

You can export your function and import it where you need it.

// main function

export const someFunction() => {
    console.log("functionstuff")
}

// some file 1
import { someFunction } from './components/someFunction'

// some file 2
import { someFunction } from './components/someFunction'

This is what makes React so awesome