Invalid prop: type check failed for prop "modelValue". Expected Number | String | Boolean, got Array
时间: 2024-10-15 19:21:10 浏览: 57
2020-web前端-vue项目出错-[Vue warn]: Invalid prop: custom validator check failed for prop “index”.
5星 · 资源好评率100%
在JavaScript或React开发中,"Invalid prop: type check failed for prop 'modelValue'" 这个错误通常表示你在向组件传递props (属性) 时,预期的prop类型应该是Number、String或Boolean,但实际上接收到的是Array类型的数据。React对组件的props有严格的类型检查,当你尝试将数组赋值给需要单个数值、字符串或布尔值的props时,就会抛出这样的错误。
例如,如果你有一个组件期望`modelValue`是个值,但是你传了一个数组 `[1, 2, 3]`:
```jsx
<MyComponent modelValue={[1, 2, 3]} />
```
在这种情况下,你需要确保传递的`modelValue`不是数组,而是单个数字、字符串或布尔值:
```jsx
<MyComponent modelValue={1} /> // 如果你想要一个数字
<MyComponent modelValue="hello" /> // 字符串
<MyComponent modelValue={true} /> // 或者布尔值
```
阅读全文