/Javascript/React/How to create a button with react

How to create a button with react

import PropTypes from 'prop-types'

const Button = ({ color, text, onClick }) => {
    return (
    <button 
        onClick={onClick}
        style={{backgroundColor: color}} 
        className='btn'>
        {text}
    </button>
    )
}

Button.defaultrops = {
    color: 'steelblue'
}

Button.propTypes = {
    text: PropTypes.string,
    color:PropTypes.string,
    onClick: PropTypes.func,
}

export default Button

Similar codes

0 vote284 views1 answer
React Native Text style example
Javascript React
0 vote373 views3 answers
SyntaxError: /mnt/c/myAppFile/hello-rails-react/app/javascript/components/Greeting.js: Support for the experimental syntax 'jsx' isn't currently enabled rails
Javascript React
1 vote307 views1 answer
React native generate stylesheet with function
Javascript React
0 vote328 views2 answers
How to run react builed version
Javascript React
0 vote360 views1 answer
React js input autocomplete off
Javascript React
25 votes299 views3 answers
Setting a background Image With React Inline Styles
Javascript React
24 votes335 views6 answers
Proptypes react
Javascript React
2 votes318 views2 answers
Update specific properties of an object react spread operator
Javascript React
0 vote305 views1 answer
Pause console debugger in react
Javascript React
6 votes325 views2 answers
Export 'useHistory' (imported as 'useHistory') was not found in 'react-router-dom'
Javascript React