Question

如何调用类中的函数？这是代码 -

class FriendList extends Component {
    demoFunction()
    {
      console.log('Inside demo function')
    }
    render(){
    <div>Hello</div>
    }
}

    const button= () => {
      return (
    <button onClick={() => demoFunction()}>Button</button>//How can i call demo function here?
      );
    }

Answer 1

我不明白你试图通过从另一个组件调用React组件的功能来做什么。我严格地认为你走错了路。但是如果你想这样做，你可以这样做：

class FriendList extends Component {
  static demoFunction() {
    console.log('Inside demo function')
  }

  render() {
    <div>Hello</div>
  }
}

const button = () => {
  return (
    <button onClick={() => FriendList.demoFunction()}>Button</button>
  )
}

只需将 demoFunction 声明为 static 函数，并在类名帮助下调用它，即 FriendList.demoFunction（）

如何在React中调用类中的函数？

1 个答案: