一个属性引发的React报错：The above error occurred in the component

德顺

发布于 2023-08-25 13:25:38

6100

发布于 2023-08-25 13:25:38

文章被收录于专栏：前端资源

程序运行报错：

devScripts.js:6523 The above error occurred in the <div> component:

    at div
    at IndexPage
    at IndexPage
    at div
    at IndexPage
    at LoadableComponent (http://localhost:8130/mf-dep_vendors-node_modules_babel_runtime_helpers_esm_extends_js-node_modules_babel_runtime_helpers_-424ef3.f230f37e.async.js:474:68)
    at Route
...

代码部分：

import React from 'react';
import styles from './index.less';

const IndexPage: React.FC<{}> = () => {
  return (
    <div className={styles.titleHead}>
      <div className={styles.titleName}>板块</div>
      <div className={styles.titleInfo}>
        <div className={styles.tabControl}>
          <div style={styles.tabItem}>累计</div>

        </div>
      </div>
    </div>
  );
};
export default IndexPage;

很难发现，累计一行， div 属性应该是 className ，这里错写成了 style 所以引发了报错。

style 的属性应该是一个 {} 。

未经允许不得转载：w3h5-Web前端开发资源网 » 一个属性引发的React报错：The above error occurred in the component

本文参与腾讯云自媒体同步曝光计划，分享自作者个人站点/博客。

原始发表：2022-01-04)，如有侵权请联系 cloudcommunity@tencent.com 删除

react