forked from Gitlink/forgeplus-react
30 lines
969 B
JavaScript
30 lines
969 B
JavaScript
import React, { Component } from 'react';
|
|
import { Link } from 'react-router-dom'
|
|
|
|
const map = {
|
|
"blue": "blueFull", "greyBack": "greyBack", "grey": "greyWidthFixed", "green": "greenBack", 'greyLine': "greyLine", 'orangeLine': "orangeLine",
|
|
'colorBlue': 'colorBlue', // 蓝字白底
|
|
}
|
|
class ActionBtn extends Component {
|
|
constructor(props) {
|
|
super(props);
|
|
}
|
|
|
|
render() {
|
|
let { to, children, style, className, ...others } = this.props
|
|
return (
|
|
<React.Fragment>
|
|
{
|
|
to == undefined ?
|
|
<a onClick={this.props.onClick}
|
|
{...others}
|
|
className={"Actionbtn " + `${map[style || 'blue']} ${this.props.className}`}
|
|
>{children}</a>
|
|
:
|
|
<Link to={to} className={"btn " + `${map[this.props.style]} ${this.props.className}`} {...others}>{this.props.children}</Link>
|
|
}
|
|
</React.Fragment>
|
|
)
|
|
}
|
|
}
|
|
export default ActionBtn; |