This is my customize react component based on typescript
npm install react-component-dy
npm i --save react-component-dyimport * as React from "react";
import * as ReactDOM from "react-dom";
import { message, Button, Icon, Select, Input, Switch } from "react-component-dy";
class Demo extends React.Component {
constructor(props) {
super(props);
this.state = {
'value': '',
'checked': false,
'checkbox': false
};
}
render() {
return(
{
this.setState({'checkbox': e.target.checked});
}}>
hahahaha
type='danger'
onClick={() => console.log('defalut')}
>
default
href='https://www.baidu.com'
>
link
value={this.state.value}
onChange={(e) => this.setState({ 'value': e.target.value })}
onPressEnter={(e) => console.log(e.currentTarget.value)}
allowClear={true}
spanBefore={test}
spanAfter={'.com'}
prefix={'icon-success'}
suffix={'icon-error'}
/>
onChange={(checked) => this.setState({ 'checked': checked })}
/>
);
}
}ReactDOM.render(
document.getElementById("container")
);
目前支持的组件： message、Button、Icon、Select、Input、toast