Javascript 将增量数据传递给父级

Javascript 将增量数据传递给父级,javascript,reactjs,components,Javascript,Reactjs,Components,我知道这是一件非常基本的事情,但出于某种原因,我现在脑子里对我做错了什么一无所知。所以基本上,我所要做的就是点击一个按钮,每次点击它时,显示值上升1。我试图将我的递增按钮作为子按钮,然后将新值传递给父按钮 这是我的app.js(家长) 从“React”导入React; 从“./增量按钮”导入增量按钮; 导出默认类App扩展React.Component{ 建造师(道具){ 超级(道具); 此.state={ 计数:0 }; } 增量(){ 这是我的国家({ 计数:this.state.count

我知道这是一件非常基本的事情,但出于某种原因,我现在脑子里对我做错了什么一无所知。所以基本上,我所要做的就是点击一个按钮,每次点击它时,显示值上升1。我试图将我的递增按钮作为子按钮,然后将新值传递给父按钮

这是我的app.js(家长)

从“React”导入React;
从“./增量按钮”导入增量按钮;
导出默认类App扩展React.Component{
建造师(道具){
超级(道具);
此.state={
计数:0
};
}
增量(){
这是我的国家({
计数:this.state.count+1
})
}
render(){
返回(
单击次数:{this.state.count}
);
}
}
这是我的增量按钮组件

import React from 'react';

export default function IncrementButton(props) {

return <button onClick={() => props.count}>Increment</button>;
}
从“React”导入React;
导出默认函数递增按钮(道具){
返回props.count}>Increment;
}

现在我看不到“点击次数”有任何变化:

道具。count
是一个函数,调用它

import React from 'react';

export default function IncrementButton(props) {

return <button onClick={() => props.count()}>Increment</button>;
}

props.count
是一个函数,调用它

import React from 'react';

export default function IncrementButton(props) {

return <button onClick={() => props.count()}>Increment</button>;
}

您必须调用
count()
,因为它是一个函数-

<button onClick={() => props.count()}>Increment</button>;
props.count()}>增量;

您必须调用
计数()
,因为它是一个函数-

<button onClick={() => props.count()}>Increment</button>;
props.count()}>增量;

谢谢。我以前试图调用props.count(),但没有成功。我的问题是我忘了装订。非常感谢,就这样。很乐意帮忙:)谢谢。我以前试图调用props.count(),但没有成功。我的问题是我忘了装订。非常感谢,就这样。很高兴帮助:)