JS：func不是函数（onClick）

Question

我有一个带有函数的主文件：

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

我还有一个附加文件，其中包含一个函数，可以让我渲染一些按钮：

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

我想使用第一个方法中的函数来调用最后一个方法中的 onClick 方法：

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

我该怎么称呼它？

Answer 1

您可以导出函数并在需要的地方导入。

// main function

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

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

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

这就是 React 如此出色的原因

Answer 2

我希望你一切都好，现在已经晚了，但对于访问者来说，首先检查 id 是否具有相同的名称，也许这是无法工作的原因，然后删除 $(document).ready(function() { your function} 以使其在全局范围内调用，检查后它就运行了:)