首页 > 其他分享 >React的各种bug及分析

React的各种bug及分析

时间:2023-12-27 14:31:52浏览次数:43  
标签:分析 code class React state export isloading error bug

Parsing error: Using the export keyword between a decorator and a class is not allowed. Please use `export @dec class` instead.

脚手架修饰器的问题:

我一般碰到这个问题,就直接把导出代码写到外面。

@connect(state => ({
  isloading: state.error.isloading,
}))
 class TriggerException extends PureComponent {
  state = {
    isloading: false,
  };

  triggerError = code => {
    this.setState({
      isloading: true,
    });
    const { dispatch } = this.props;
    dispatch({
      type: 'error/query',
      payload: {
        code,
      },
    });
  };

  render() {
    const { isloading } = this.state;
    return (
      <Card>
        <Spin spinning={isloading} wrapperClassName={styles.trigger}>
          <Button type="danger" onClick={() => this.triggerError(401)}>
            触发401
          </Button>
        </Spin>
      </Card>
    );
  }
}

export default TriggerException //把导出代码写到这里

不过网上看还有其她的操作。
Using the export keyword between a decorator and a class is not allowed(create-react-app修饰器的问题 github上这个问题的解决

Error:JSON value '<null>' of type NSNull cannot be converted to NSString

出这个问题是我们不能把值null转为string,所以报错了,处理也非常简单,只需要判断是否为空,就可以搞定,我们

经常发生这个错误的地方就是:

<Image style={styles.image_style} source={{uri:avatar}}></Image>


标签:分析,code,class,React,state,export,isloading,error,bug
From: https://blog.51cto.com/u_13529088/9000045

相关文章

  • 14.并列句-考点分析-长难句分析
    长难句分析——在分析长难句的时候只要见到有并列连词的出现通常会有省略;分析长难句第二步找连词,翻译把省略补齐在翻译。但是当连词连接2个单词时当做每看见。eg.Iwasbeatenandyou(werebeaten是省略的部分).如何查找省略的内容呢?——一句话只要有省略,就一定省略在连......
  • 安卓之RecyclerView的使用场景以及优劣分析
    文章摘要在安卓开发中,RecyclerView是一种非常重要的组件,用于在应用程序中展示大量数据。RecyclerView提供了一个高效且灵活的方式来创建列表和网格视图,支持数据的动态添加、删除和更新。本文将详细介绍RecyclerView的使用场景、优势与劣势,并附上相关代码示例。正文使用场景现实场景......
  • debug跳转至 var4.getTargetException()
    今天敲了一个插入表的业务逻辑,发现控制台没有报错,但方法却没有执行完毕,debug后发现程序跳转到了该异常。经过上网搜索后有所了解,出现该异常的根本原因是当使用反射调用方法时,如果被调用的方法抛出了异常,而调用的方法却没有捕捉处理,那么该异常会被封装在一个`InvocationTargetEx......
  • 制造业数据分析的未来:如何应对未来挑战
    1.背景介绍制造业数据分析的未来是一个充满挑战和机遇的领域。随着数据的产生和收集量不断增加,制造业需要更加高效、智能化和可持续的数据分析方法来应对这些挑战。在这篇文章中,我们将探讨制造业数据分析的未来,以及如何应对未来的挑战。1.1制造业数据分析背景制造业数据分析的背景......
  • 启封涂料行业ERP需求分析和方案分享
    涂料制造业是一个庞大而繁荣的行业。它广泛用于建筑、汽车、电子、基础设施和消费品。涂料行业生产不同的涂料,如装饰涂料、工业涂料、汽车涂料和防护涂料。除此之外,对涂料出口的需求不断增长,这增加了增长和扩张的机会。近年来,中国的涂料行业出现了巨大的增长,这主要是由于城市化、基......
  • 【python爬虫课程设计】大数据分析———不同车辆类型不同零件的城市道路油耗、高速公
    一、选题背景随着社会经济的发展和人们生活水平的提高,汽车已经成为现代化生活中不可或缺的交通工具之一。同时,环保意识的提高也给汽车产业带来了新的挑战,例如减少汽车的油耗和减少尾气排放。在这样的背景下,通过分析不同车辆类型的城市道路油耗、高速公路油耗和二氧化碳排放量数......
  • 人工智能与决策分析的结合
    1.背景介绍随着人工智能技术的不断发展,人工智能已经成为了许多行业的核心技术之一。人工智能技术的应用范围广泛,包括机器学习、深度学习、自然语言处理、计算机视觉等。同时,决策分析也是一种非常重要的技术,它可以帮助企业和组织更好地做出决策。因此,将人工智能与决策分析结合起来,可......
  • 人工智能在制造业自动化软件中的实际案例分析
    1.背景介绍制造业自动化软件的发展是人工智能在现实生活中的一个重要应用。在制造业中,人工智能技术的应用可以提高生产效率,降低成本,提高产品质量,降低人工操作的风险,实现智能化管理等。在制造业中,人工智能技术的应用主要包括以下几个方面:生产线自动化:通过使用机器人、自动化设备和传......
  • 医学影像的图像标注技术:如何实现自动化的图像标注与分析
    1.背景介绍医学影像是一种重要的诊断工具,用于揭示患者的内部结构和功能。医学影像分析通常需要专业医学影像诊断师对图像进行手工标注和分析,这是一个耗时且容易出错的过程。因此,自动化的图像标注和分析技术在医学影像领域具有重要意义。图像标注是一种计算机视觉任务,旨在将图像中的......
  • 13. 并列句-考点分析-完形中的使用
    写作——句子间加逻辑关系词;逻辑关系词不一定加连词,也可加副词和介词短语注意使用副词和介词短语连接句子前面要么用句号,要么加连词andeg;我喜欢刘小小——她很美丽(因果关系)我喜欢刘晓晓——我喜欢刘大大(并列关系)我喜欢刘晓晓——她很丑(转折关系) 读懂前后2句话的意思就可......