代码之家 › 专栏 › 技术社区 › sudo bangbang

使用ANTD创建React应用程序

create-react-app reactjs css javascript

sudo bangbang · 技术社区 · 7 年前

我在项目中安装了Antd

yarn add antd

使用ANTD的按钮组件添加了一个按钮

import React, { Component } from 'react';
import Button from 'antd/lib/button';
import './App.css';

class App extends Component {
  render() {
    return (
      <div className="App">
        <Button type="primary">Button</Button>
      </div>
    );
  }
}

export default App;

不过,按钮没有正确呈现。在检查元素时,我发现正在应用ANTD类。只是没有加载CSS。

2 回复 | 直到 6 年前

sudo bangbang 7 年前

@import '~antd/dist/antd.css';

.App {
  text-align: center;
}

antd's official docs for using with Create React App

yarn add antd

import React, { Component } from 'react';
import Button from 'antd/lib/button';
import './App.css';

class App extends Component {
  render() {
    return (
      <div className="App">
        <Button type="primary">Button</Button>
      </div>
    );
  }
}

export default App;

user158 6 年前

import Button from 'antd/lib/button';
import 'antd/lib/button/style/css'; // importing only the required CSS

ant design docs https://github.com/ant-design/ant-design/issues/13274

https://github.com/ant-design/ant-design/issues/12011

推荐文章

Jamie · 在CSS链接的文件名中添加Jinja占位符

9 月前

Mass · 如何在Tailwind CSS v4中创建配置

9 月前

magenta placenta · 将css变量合并为一个变量

9 月前

ptownbro · 重叠分区标签,同时保持以下所有分区和内容就位

9 月前

Luke Frost IEng MIMechE · Bootstrap 5.3在Div中的项目位置没有如我所期望的那样显示

9 月前

user29519291 · 为不同的变量创建一个带有可重用Click函数的简单菜单

10 月前

john Rizzo · 按钮背景颜色、悬停和活动状态存在问题

10 月前

Ben Halicki · 带有垂直和水平滚动条的表,使用HTML/CSS/Bootstrap-5固定行和列

10 月前

Luckkks · 过渡色工作不正常

10 月前

ModernEraCaveman · 如何对齐我的Bootstrap容器以适应网页的整个宽度?

10 月前