mirror of
https://github.com/ant-design/ant-design.git
synced 2024-12-14 16:19:15 +08:00
778 B
778 B
order | title | ||||
---|---|---|---|---|---|
3 |
|
zh-CN
提供额外的交互能力。
en-US
Provide additional interactive capacity.
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 (
<div>
<Paragraph editable={{ onChange: this.onChange }}>{this.state.str}</Paragraph>
<Paragraph copyable>This is a copyable text.</Paragraph>
<Paragraph copyable={{ text: 'Hello, Ant Design!' }}>Replace copy text.</Paragraph>
</div>
);
}
}
ReactDOM.render(<Demo />, mountNode);