我正在创建一个反应文件树,我将树设置为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"
})
,但我不确定这是否适用于我的情况 - 如果是的话,我无法让它发挥作用。
感谢您提供任何帮助。