Xóa bài viết
Bạn có chắc chắn muốn xóa bài viết này không ?
Xóa bình luận
Bạn có chắc chắn muốn xóa bình luận này không ?
Config theme Ant Design Pro
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

{{ comment.user.name }}
Bỏ hay
Hay

Bài viết liên quan

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 ...

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...

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)...