通过引用从父组件访问功能组件的方法

时间:2019-12-18 03:44:50

标签: reactjs

有没有一种方法可以从父级访问子级中的方法triggerFoo?这是我到目前为止的代码:

import React, {createRef} from 'react'
import ReactDOM from 'react-dom'

    const Parent= () => {
      let myRef = createRef()

      return (
        <>
          <Test ref={(ref) => myRef = ref} />
          <button onClick={() => myRef.triggerFoo()}>Click Me</button>
        </>
      )
    }

    const Child = React.forwardRef((props, ref) => {
      const triggerFoo = () => console.log('Foo')

      return <div>Testing</div>
    })

单击按钮当前不会触发任何操作。

我的代码中的一个条件是它必须在父组件中使用回调ref,因为此问题是我要解决的涉及第三方软件包的更大问题的一部分。

1 个答案:

答案 0 :(得分:0)

更改代码。

 s = finalString.lower()
 s = re.sub(r'[^a-zA-Z0-9\s]', ' ', s)
 tokens = [token for token in s.split(" ") if token != ""]
 output = list(ngrams(tokens, 4))