我有一个函数可以找到字符串中最长的单词。
function findLongestWord(str) {
var longest = str.split(' ').reduce((longestWord, currentWord) =>{
return currentWord.length > longestWord.length ? currentWord : longestWord;
}, "");
return longest;
}
console.log(findLongestWord("The quick brown fox jumped over the lazy dog"));
Run Code Online (Sandbox Code Playgroud)
我很难将其转换为找到最短的单词。为什么我不能只是更改currentWord.length > longestWord.length
为currentWord.length < longestWord.length
?
因此,正如标题所示,我只是尝试通过子组件访问React中父组件的方法。我知道这可以通过道具来实现,但是我试图通过onClick事件来实现,但它似乎并不喜欢这样做。这是我的问题的一个基本例子。
var Child = React.createClass({
render: function() {
return (
<button onClick={this.onClick}>Click Here</button>
);
}
});
var Parent = React.createClass({
onClick: function() {
console.log('I've been clicked');
},
render: function() {
return (
<Child />
);
}
});
ReactDOM.render(<Parent />, document.getElementById('Parent'));
Run Code Online (Sandbox Code Playgroud)
如何获取子组件的按钮onClick事件以触发父组件的onClick方法?感谢帮助。