Invalid prop: type check failed for prop "modelValue". Expected String with value "80", got Number with value 80.
时间: 2024-09-19 11:06:36 浏览: 66
2020-web前端-vue项目出错-[Vue warn]: Invalid prop: custom validator check failed for prop “index”.
5星 · 资源好评率100%
这个错误提示是在React或Vue等前端框架中常见的,当你尝试将一个预期为字符串类型的"modelValue"属性赋值为数字(如80)时出现。在组件的props定义中,开发者通常期望传入的是字符串,而实际传入的是数值。解决这个问题需要检查以下几个步骤:
1. 检查`propTypes`或类似的特性:确认你在组件的propTypes中是否明确指定了modelValue应该是string类型。
```jsx
// 示例
const MyComponent = (props) => {
if (typeof props.modelValue !== 'string') {
console.error('Invalid prop: modelValue should be a string');
}
return <div>{props.modelValue}</div>;
};
MyComponent.propTypes = {
modelValue: PropTypes.string.isRequired,
};
```
2. 确保传给组件的值是正确的:在调用组件的地方,检查传递给modelValue的值是否真的是一个字符串。
```jsx
// 错误示例
<MyComponent modelValue={80} /> // 应该改为 <MyComponent modelValue={'80'} />
// 正确示例
<MyComponent modelValue="80" />
```
阅读全文