如何触发其他组件的反应组件 [英] how to trigger react component from other component

问题描述

我想触发其他组件的react组件。最好的方法是什么？我不想在redux商店（如 shouldShowMenu）上创建新标志。我在反应中考虑静态方法，但我不是反应专家。

I want to trigger react component from other component. What is the best way to do it? I don't want to create new flag on redux store like "shouldShowMenu". I thinking about static method in react but i not expert in react.

import Menu from './component/menu'
const clickfeed = () => {Menu.staticClickEvent()}
<Provider>
  <Menu>
  <Feed onClick={clickfeed}/>
</Provider>

我可以使用这样的静态方法吗？应该使用静态方法更改组件状态。

can i use static method like this and should i use static method change the component state.

推荐答案

您不需要 redux 。您可以使用 ref 来执行此操作。希望对您有所帮助！

You don't need redux for this. You can use ref to do this. Hope it helps!

<script src="https://unpkg.com/babel-core@5.8.38/browser.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/react/15.1.0/react.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/react/15.1.0/react-dom.min.js"></script>

<div id="container"></div>
<script type="text/babel">
//component 1
  var Hello = React.createClass({
    func: function() {
      console.log('I\'m inside Hello component')
    },
    render: function() {
      return <div > Hello World< /div>;
    }
  });


//component 2
  var Hello2 = React.createClass({
    componentDidMount(){
    //calling the func() of component 1 from component 2 using ref
  	  this.refs.hello.func()
    },
    render: function() {
      return <Hello ref="hello"/>;
   }
  })


ReactDOM.render( < Hello2 / > ,
  document.getElementById('container')
);

</script>

这篇关于如何触发其他组件的反应组件的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！