admin 管理员组

文章数量: 1086019


2024年1月5日发(作者：educa是什么意思)

组件标题：import React, {Component} from 'react';import {Typography} from "antd";const {Title} =Typography;class App extends Component { render() { return (

h1. Ant Design h2. Ant Design h3. Ant Design h4. Ant Design h5. Ant Design
); }}export default App;

import React, { useState } from 'react';import { Typography } from 'antd';import { HighlightOutlined, SmileOutlined, SmileFilled } from '@ant-design/icons';const { Paragraph } = Typography;const Demo: = () => { const [editableStr, setEditableStr] = useState('This is an editable text.'); const [customIconStr, setCustomIconStr] = useState('Custom Edit icon and replace tooltip text.'); const [hideTooltipStr, setHideTooltipStr] = useState('Hide Edit tooltip.'); const [lengthLimitedStr, setLengthLimitedStr] = useState( 'This is an editable text with limited length.', ); return ( <> {editableStr} , tooltip: 'click to edit text', onChange: setCustomIconStr, }} > {customIconStr} {hideTooltipStr} {lengthLimitedStr} This is a copyable text. Replace copy text. , ], tooltips: ['click here', 'you clicked!!'], }} > Custom Copy icon and replace tooltips text. Hide Copy tooltips. );};(, mountNode);

API


本文标签： 组件 标题

版权声明：本文标题：React学习day12--antd:Typography排版、Divider分割线 内容由网友自发贡献，该文观点仅代表作者本人， 转载请联系作者并注明出处：http://www.roclinux.cn/p/1704454146a460453.html， 本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容，一经查实，本站将立刻删除。