Javascript JS中的react-prop验证有问题
这是我的第一篇博文,我是JS的初学者,所以请轻松一点。我的问题是,我没有得到一个数字类型返回到我想要的地方。。。它出现在CurrentNumber组件中。相反,它是一个[object]引用。我假设我的类型/道具验证有问题。代码贴在下面。(注意,我在验证中也尝试使用数字道具类型)没有骰子Javascript JS中的react-prop验证有问题,javascript,reactjs,react-props,Javascript,Reactjs,React Props,这是我的第一篇博文,我是JS的初学者,所以请轻松一点。我的问题是,我没有得到一个数字类型返回到我想要的地方。。。它出现在CurrentNumber组件中。相反,它是一个[object]引用。我假设我的类型/道具验证有问题。代码贴在下面。(注意,我在验证中也尝试使用数字道具类型)没有骰子 import React,{useState,}来自“React”; 从“道具类型”导入道具类型; const CurrentNumber=props=>( {props.countnumber} ); 常
import React,{useState,}来自“React”;
从“道具类型”导入道具类型;
const CurrentNumber=props=>(
{props.countnumber}
);
常量小程序=()=>{
//声明名为“count”的状态变量
const[count,setCount]=useState(0);
//##########################Utils与函数#########################
const incrementCount=props=>{
setCount(props.countnumber+=1)
}
常量重置计数=()=>{
设置计数(0);
}
//浏览器中的视图####################
返回(
这是一个标题。
点击我
重置
);
}
/////////////道具验证////////////////////
CurrentNumber.propTypes={
countnumber:PropTypes.string,
}
////////////////////////////////////////////////////////////////////////////
导出默认小程序代码>
应该是
const incrementCount = () => {
setCount(c => c+1)
}
或者
const incrementCount = () => {
setCount(count+1)
}
单击事件处理程序调用递增计数。它会将ClickEvent实例传递给函数,而不是道具。我现在看到了。谢谢你,亚当!我显然是个新手哈
const incrementCount = () => {
setCount(count+1)
}