Config theme Ant Design Pro
TIL
770
White

henrynguyen6677 viết ngày 16/09/2020

Use theme Ant Design Pro for dev

Create app

yarn create umi myApp
 Select the boilerplate type (Use arrow keys)
❯ ant-design-pro  - Create project with an layout-only ant-design-pro boilerplate, use together with umi block.
  app             - Create project with a simple boilerplate, support typescript.
  block           - Create a umi block.
  library         - Create a library with umi.
  plugin          - Create a umi plugin.

Install and start

yarn install
yarn start

Edit source

Edit config routes in file /config/config.js

                {
                  name: 'formx',
                  icon: 'smile',
                  path: '/form/formx',
                  component: './form/formx',
                },

Add page in /src/pages a file /src/pages/form/formx/index.jsx

import React, { useState, useEffect } from 'react';const Formx = ({ current }) => {
  return (
    <div>
      <h1>This is FORMX</h1>
    </div>
  );
};
export default Formx;

Add label in file src/locales/*/menu.js

 'menu.form.formx': 'Formx',

Use dev tool via localhost:3000

Add block to a page
Add template: Create new label on menu and add page

ref: https://pro.ant.design/docs/getting-started
henrynguyen6677 16-09-2020

Bình luận


White
{{ comment.user.name }}
Bỏ hay Hay
{{comment.like_count}}
Male avatar
{{ comment_error }}
Hủy
   

Hiển thị thử

Chỉnh sửa

White

henrynguyen6677

3 bài viết.
0 người follow
Kipalog
{{userFollowed ? 'Following' : 'Follow'}}
Bài viết liên quan
White
0 5
fCC: Technical Documentation Page note So I have finished the HTML part of this exercise and I want to come here to lament about the lengthy HTML ...
HungHayHo viết hơn 2 năm trước
0 5
White
4 0
I used Spring boot, Hibernate few times back then at University, I'v started using it again recently. In this (Link), I want to check how Spring J...
Rey viết gần 2 năm trước
4 0
White
24 1
Toán tử XOR có tính chất: + A XOR A = 0 + 0 XOR A = A Với tính chất này, có thể cài đặt bài toán sau với độ phức tạp O(N) về runtime, và với O(1)...
kiennt viết 4 năm trước
24 1
{{like_count}}

kipalog

{{ comment_count }}

bình luận

{{liked ? "Đã kipalog" : "Kipalog"}}


White
{{userFollowed ? 'Following' : 'Follow'}}
3 bài viết.
0 người follow

 Đầu mục bài viết

Vẫn còn nữa! x

Kipalog vẫn còn rất nhiều bài viết hay và chủ đề thú vị chờ bạn khám phá!