React:在嵌套组件上冒泡点击事件

时间:2016-04-10 19:59:48

标签: javascript reactjs tree onclick

我正在创建一个反应文件树,我将树设置为React组件。树可以采用<Tree /> prop,它是一个字符串数组或其他//In App - the top level component const App = React.createClass({ _handleChildClick () { console.log("this is where all child clicks should be handled"); }, render () { return ( <Tree handleChildClick={this._handleChildClick} contents={[ <Tree /> ]} /> ); } }); //And in the tree component <div onClick={this.props.handleChildClick}></div> 组件(这将启用嵌套文件结构UI)。这些树组件可以无限期嵌套。

我需要在嵌套树组件的子项上注册一个click事件,但是我无法在第一级嵌套之后使其工作。我正在处理的一个简单例子:

{...this.props}

If you want to see more detail - here's the github repo.

我尝试研究这个问题并看到有人使用 $.ajax({ url: ttsServiceUri, beforeSend: function (xhrObj) { xhrObj.setRequestHeader("Content-Type", "application/ssml+xml"); xhrObj.setRequestHeader("X-Microsoft-OutputFormat", "riff-16khz-16bit-mono-pcm"); xhrObj.setRequestHeader("Authorization", "Bearer " + response.access_token); xhrObj.setRequestHeader("User-Agent", "TTSNodeJS"); xhrObj.setRequestHeader("X-Search-AppId", "xxxxxxxxxxxDAA29772419F436CA"); xhrObj.setRequestHeader("X-Search-ClientID", "xxxxxxxxxxxx1A480F00935DC390960"); }, data: post_data, type: "POST" }) ,但我不确定这是否适用于我的情况 - 如果是的话,我无法让它发挥作用。

感谢您提供任何帮助。

0 个答案:

没有答案