Как представить список словаря с дизайном муравья?

Question

Я хочу отобразить словарь хорошим способом . В стандартном HTML я бы использовал тег DL. Я еще не нашел аналога в ant.design.

Answer 1

Если вы используете ant.design, это не значит, что вы не можете использовать стандартные теги HTML, вы все равно можете их использовать.

Например, это будет выглядеть красиво:

import React from 'react'
import ReactDOM from 'react-dom'
import 'antd/dist/antd.css'

ReactDOM.render(
  <div>
    <dl>
      <dt>Coffee</dt>
      <dd>Black hot drink</dd>
      <dt>Milk</dt>
      <dd>White cold drink</dd>
    </dl>
  </div>,
  document.getElementById('container')
)

Answer 2

Когда вы используете ant-design, вы должны установить yarn add antd или npm install antd --save

После этого самый простой способ для ant-design - добавить index.html (например, для React)

https://cdnjs.com/libraries/antd

Вы можете использовать эту ссылку.

<link type="stylesheet" href="paste the antd css from url">

И тогда вы будете использовать это.

Наконец, я рекомендую вам файл "min.css".