/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 vote292 views1 answer
React enzyme mount ReferenceError: is not defined
Javascript React
0 vote317 views1 answer
Why to escape from quotation mark in react
Javascript React
0 vote341 views1 answer
React import coreui icons
Javascript React
0 vote288 views1 answer
Cannot find module react scripts
Javascript React
2 votes282 views3 answers
There might be a problem with the project dependency tree. It is likely not a bug in Create React App, but something you need to fix locally.
Javascript React
0 vote305 views1 answer
How to use elements of 'react-router-dom'
Javascript React
0 vote299 views1 answer
Pause console debugger in react
Javascript React
4 votes313 views2 answers
How to take 100% width in react native
Javascript React
0 vote318 views3 answers
React native version
Javascript React
1 vote315 views1 answer
React setup for handling UI.
Javascript React