如何从另一个React组件调用函数？

Question

如何从另一个React组件调用函数？

https://codesandbox.io/s/strange-dust-98uwd

    function uCyr() {
      var entered_text;
      entered_text = document.getElementById('textarea').value;
      entered_text = entered_text.replace(/a/g, 'b');
      document.getElementById('textarea').style.color = '#9C27B0';
      document.getElementById('textarea').value = entered_text;
    }

Answer 1

一种方法是将函数作为属性传递

 // Pass the function to the component
<Component func={uCyr} />


const Component = ({func}) => {
// use the function inside your component

}

Answer 2

定义您的工作方式如下

const uCyr = function uCyr() {
  var entered_text;
  entered_text = document.getElementById('textarea').value;
  entered_text = entered_text.replace(/a/g, 'b');
  document.getElementById('textarea').style.color = '#9C27B0';
  document.getElementById('textarea').value = entered_text;
}

并按照以下步骤导出

export default  uCyr  ;