如何将prop函数绑定到传递的组件

时间:2018-06-26 07:09:46

标签: javascript reactjs ecmascript-6 victory-charts

我是react的新手,我想在VictoryTooltip函数中访问orientation上下文,我可以创建VictoryTooltip的包装类并可以绑定上下文,但这会带来一些问题,我还想知道我们如何将函数绑定到传递的组件(这应该是默认行为)。可能是我在这里错过了一些非常愚蠢的东西。但是我对此有些困惑,需要帮助。是的,我在提出问题之前也尝试过。

     { 
       // class body
       return ( <VictoryTooltip
        orientation={() => {
         console.log(this) //undefined 
        }}
        style={styles.tooltip}
        flyoutStyle={styles.tooltipContainer}
      />)
     }

1 个答案:

答案 0 :(得分:0)

您可以尝试 <VictoryTooltip orientation="top" /> 要么 <VictoryTooltip orientation={this.myFunction.bind(this)} 并将您myFunction写入组件类 请参阅此处以了解更多https://formidable.com/open-source/victory/docs/victory-tooltip/#orientation