小编Jos*_*des的帖子

即使在 app.js 中导入样式后,Ionic React 样式也不会呈现

我正在尝试使用 ionic ui 库(@ionic/react)来创建我的应用程序的界面。
我已经包含了 ionic 的 core.css 文件。
但组件渲染时没有样式。

以下是我的 App.js 中的代码

import React from 'react'
import { IonButton } from '@ionic/react';


import '@ionic/react/css/core.css';

const App = () => {
  return (
    <>
      <IonButton color="primary">Primary</IonButton>
      <IonButton color="secondary">Secondary</IonButton>
      <IonButton color="tertiary">Tertiary</IonButton>
      <IonButton color="success">Success</IonButton>
      <IonButton color="warning">Warning</IonButton>
      <IonButton color="danger">Danger</IonButton>
      <IonButton color="light">Light</IonButton>
      <IonButton color="medium">Medium</IonButton>
      <IonButton color="dark">Dark</IonButton>
    </>
  )
}

export default App

Run Code Online (Sandbox Code Playgroud)

检查此图像以查看结果

依赖版本:-
“@ionic/react”:“^6.0.9”,
“react”:“^16.13.1”,

css styles reactjs ionic-framework

4
推荐指数
1
解决办法
1099
查看次数

标签 统计

css ×1

ionic-framework ×1

reactjs ×1

styles ×1