Recientemente, encontré varios errores al trabajar en el proyecto de reacción. Estos errores son bastante comunes en el proyecto de reacción, así que registre la solución.
'tipo' falta en el
informe de validación de accesorios error : el tipo carece de
solución de validación de accesorios :
1. Verifique si propTypes está escrito en mayúsculas, porque lo introdujimos en mayúsculas, por lo que muchos socios pequeños pueden copiarlo directamente y hacerlo en mayúsculas. error
2. Nuevotype: PropTypes.number
import PropTypes from 'prop-types';
const ReportOperate = ({
logId, type }) => {
return <>
<a href='javascript:;' onClick={
() => handleJump(record.logId, record.type)} style={
{
color: '#1DA57A' }}>查看详情</a>
<a href={
record.filePath} style={
{
marginLeft: 20, color: '#1DA57A' }}>下载日志</a>
</>
}
ReportOperate.propTypes = {
logId: PropTypes.number,
type: PropTypes.number,//加上这句就好了
}
export default ReportOperate
lanzar nuevo Error ('Dependencia cíclica' + nodeRep)
Error: Error de dependencia cíclica
: Resolución de dependencia cíclica de Webpack
:
npm i --save-dev html-webpack-plugin@next
No se puede desestructurar la propiedad degetFieldDecorator 'indefinido ' o 'nulo '.
Error: No se puede destruir la propiedad getFieldDecorator indefinida o nula
Solución:
1. Si no hay inyección en Form.create ()
// 无状态组件
export default Form.create()(SearchForm)
//有状态组件
@Form.create()
Error no detectado: infracción invariante: los objetos no son válidos como hijo de React (encontrado: objeto con claves {hijo}). Si deseaba representar una colección de hijos, utilice una matriz en su lugar o envuelva el objeto con createFragment (objeto) del Reaccionar complementos. Verifique el método de renderizado de Matchs.
Razón del error: Mapee la matriz y luego tome el objeto para
resolver:
1. Un valor en el mapa es un objeto
Error de tipo no detectado: no se puede leer la propiedad "isSelectOptGroup" de undefined.
Razón: const Option = Select.option introduzca el error de selección del diseño de hormigas.
Solución:
cambie a lo siguiente
const { Option } = Select
VM38184: 1 Error no detectado (en promesa): las acciones deben ser objetos simples. Use middleware personalizado para acciones asíncronas.
Motivo del error: falta la
solución de envío :
cambie a lo siguiente
// 错误示范：
remove: params => {
const { contentId } = params
return post('/content/topic/deleteBxTopic', { id: contentId }).then(result => {
if (result) {
Message.success('删除成功')
}
})
},
// 正确示范：
remove: params => dispatch => {
const { contentId } = params
return post('/content/topic/deleteBxTopic', { id: contentId }).then(result => {
if (result) {
Message.success('删除成功')
}
})
},
backend.js: 6 ./src/pages/beach/containers/Reward.js
Módulo no encontrado: Error: No se puede resolver'antd / es / descriptions 'en' / Users / chenjiaxin / bull / src / pages / beach / contenedores '
o
módulo no encontrado: no se puede resolver el
motivo del error ' antd / es / affix ' :
el componente de la lista de descripciones de descripciones en antd se usó en el proyecto y se encontró que se informó este error. La causa principal fue que La versión antd utilizada no tenía este Componente, la versión antd a la que se hace referencia en el proyecto es 3.16.0 y la versión del documento que leí ha llegado a 3.24.0.
Solución: Actualice la versión antd a la última versión o la versión en el documento
Error de tipo no detectado: no se puede convertir indefinido o nulo en objeto Error: debido a que undefined y nulo no se pueden convertir en objetos, si utiliza Object.keys y otras operaciones, debe agregar un objeto como valor inicial.
resolver:
const [firstResponsibility, setFirstResponsibility] = useState({
})
Este evento sintético se reutiliza por motivos de rendimiento. Si está viendo esto, está accediendo a la propiedad targeten un evento sintético liberado / anulado. Esto se establece en nulo. Si debe mantener el evento sintético original, use event.persist (). Consulte https://fb.me/react-event-pooling para obtener más información.
Error de tipo no detectado: no se puede leer la propiedad 'valor' de nulo
La razón del error: involucra el evento sintético en React. La función de devolución de llamada envuelta por debounce es un evento asincrónico, es decir, e.target es nulo.
El SyntheticEvent se agrupa. Esto significa que el objeto SyntheticEvent se reutilizará y todas las propiedades se anularán después de que se haya invocado la devolución de llamada del evento. Esto es por motivos de rendimiento. Como tal, no puede acceder al evento de forma asincrónica.
resolver:
//错误代码
<Search
addonBefore={
prefixSelector}
style={
{
width: 250 }}
allowClear
onChange={
debounce(e => {
console.log('e', e)
e.persist()
setSearchValue((e.target || {
}).value)
handleChangeParams(searchId, (e.target || {
}).value)
}, 1000)}
/>
// 错误代码，可以执行，但是还是执行多次，没有起到防抖的效果
<Search
addonBefore={
prefixSelector}
style={
{
width: 250 }}
allowClear
onChange={
e => {
e.persist()
debounce(() => {
setSearchValue((e.target || {
}).value)
handleChangeParams(searchId, (e.target || {
}).value)
}, 2000)()
}}
/>
// 正确代码
<Search
addonBefore={
prefixSelector}
style={
{
width: 250 }}
allowClear
onChange={
e => {
e.persist()
handleChangeValue(e)
}}
/>
const handleChangeValue = debounce(e => {
setSearchValue((e.target || {
}).value)
handleChangeParams(searchId, (e.target || {
}).value)
}, 1000)
vendor.js: 1 Error no detectado: Error de reacción minimizado # 306; visite https://reactjs.org/docs/error-decoder.html?invariant=306&args[]=()&args[]= para ver el mensaje completo o utilice el entorno de desarrollo no minificado para ver errores completos y advertencias útiles adicionales.