--- order: 3 title: zh-CN: 可交互 en-US: Interactive --- ## zh-CN 提供可编辑和可复制等额外的交互能力。 ## en-US Provide additional interactive capacity of editable and copyable. ```jsx import { Typography } from 'antd'; const { Paragraph } = Typography; class Demo extends React.Component { state = { str: 'This is an editable text.', }; onChange = str => { console.log('Content change:', str); this.setState({ str }); }; render() { return (
{this.state.str} This is a copyable text. Replace copy text.
); } } ReactDOM.render(, mountNode); ```