react中报错Failed to set an indexed property on ‘CSSStyleDeclaration‘: Index property setter is not sup

6 篇文章 0 订阅

其实这不算是一个问题,是你的一个小疏忽!
在这里插入图片描述
当我们在react中使用less文件书写CSS样式的时候,组件中我们声明页面元素的类名应该写成:

      <Row className={style.mainContainer}></Row>

注: 这个style是我们引入的less文件的别名

      import style from './style.less';

而出现上面的报错是因为你疏忽在行内样式声明里写了元素的类名,如下:

     <Row style={style.mainContainer}></Row>
  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
这个错误提示表明在index.jsx文件的第9行发生了一个未捕获的错误,错误类型是ReferenceError,具体是React未定义。这通常是由于在使用React相关代码之前没有正确导入React库所致。 在Vue 3,使用React库需要先安装并导入它。你可以通过以下步骤解决这个问题: 1. 确保已经安装了React库。可以使用npm或者yarn进行安装,命令如下: ``` npm install react ``` 或者 ``` yarn add react ``` 2. 在index.jsx文件的开头添加以下代码来导入React库: ```javascript import React from 'react'; ``` 如果你使用的是Vue 3的Composition API,还需要导入`reactivity`模块: ```javascript import { reactive } from 'vue'; import { createApp } from 'vue'; import { createRouter, createWebHistory } from 'vue-router'; import { createHead } from '@vueuse/head'; import { useMeta } from 'vue-meta'; import { useStore } from 'vuex'; import { useRoute } from 'vue-router'; import { useRouter } from 'vue-router'; import { useHead } from '@vueuse/head'; import { useMetaTags } from 'vue-meta-tags'; import { ref, computed, watch, onMounted, onUnmounted } from 'vue'; import { reactive, toRefs } from 'vue'; import { provide, inject } from 'vue'; import { nextTick } from 'vue'; import { defineComponent } from 'vue'; import { h } from 'vue'; import { withModifiers } from 'vue'; import { onBeforeMount } from 'vue'; import { onMounted } from 'vue'; import { onBeforeUnmount } from 'vue'; import { onUnmounted } from 'vue'; import { onBeforeUpdate } from 'vue'; import { onUpdated } from 'vue'; import { onErrorCaptured } from 'vue'; import { onRenderTracked } from 'vue'; import { onRenderTriggered } from 'vue'; import { watchEffect } from 'vue'; import { watchPostEffect } from 'vue'; import { watchEffectOnce } from 'vue'; import { watchPostEffectOnce } from 'vue'; import { watchEffectAsync } from 'vue'; import { watchPostEffectAsync } from 'vue'; ``` 3. 确保你的代码正确使用了React相关的组件和语法。 希望这些步骤能够帮助你解决问题!如果还有其他问题,请随时提问。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值