Skip to content

Instantly share code, notes, and snippets.

@rcoproc
Last active February 24, 2020 06:00
Show Gist options
  • Save rcoproc/fb27bce566856b2090b4da77af9a60a2 to your computer and use it in GitHub Desktop.
Save rcoproc/fb27bce566856b2090b4da77af9a60a2 to your computer and use it in GitHub Desktop.
Exemplo de um componente React com o componente react-color(ColorPicker)
import React from "react"
import PropTypes from "prop-types"
import { SketchPicker } from "react-color"
class Colorpicker extends React.Component {
constructor(props) {
super(props);
this.state = { selector: props.selector };
this.handleChange = this.handleChange.bind(this);
}
handleChange = (color) => {
document.body.style.background = color.hex;
let elem = document.querySelector('#'+this.state.selector)
elem.value = color.hex;
}
render() {
return (<React.Fragment>
<SketchPicker color={this.props.color}
onChange={this.handleChange}
/>
</React.Fragment>
);
}
}
Colorpicker.propTypes = {
};
export default Colorpicker
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment