close canvas for react
install
npm install --save-dev close-canvas-react style-loader css-loader
webpack.config.js
// add loader
{
test: /\.css$/,
loader: "style-loader!css-loader"
}
import
import CloseCanvas from 'close-canvas-react'
use
<CloseCanvas
show={this.state.closeShow}
sideLength={20}
forkSideLength={6}
fillStyle={'#f2f2f2'}
strokeStyle={'#666'}
click={this.closeClick.bind(this)}/>
show: show, with state
sideLength: canvas side length
forkSideLength: inner fork side length
fillStyle: canvas fill style, like 'background color', optional, default is '#f2f2f2'
strokeStyle: inner fork style, like color, optional, default is '#666'
click: click handle
closeClick() {
this.setState({
closeShow: false
}, () => alert('close click'))
}