Why can't i call my Onclick function in React JS?

Question

My onClick function doesn't work and the problem is: "Line 17: 'propTypes' is not defined no-undef Line 18: 'propTypes' is not defined no-undef".

my "text:propType.string" and "color:propTypes.string" are on line 17 and 18. Thank you for helping me!

This is my Button.js file:

import React from 'react';
import PropTypes from 'prop-types';
const Button = ({color, text}) => {
    const onClick = () => {
        console.log('click')
    }
    
    return <button onClick={onClick} style={{backgroundColor:color}} className="btn">{text}</button>
        
}

Button.defaultProps = {
    color:'steelblue',

}
Button.propTypes={
    text:propTypes.string,
    color:propTypes.string,
}
export default Button

Viet · Accepted Answer · 2021-06-22 13:36:09Z

1

Just update propTypes to PropTypes:

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

answered Jun 22, 2021 at 13:36

Viet

12.9k2 gold badges18 silver badges23 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

Duong Duong Over a year ago

omg it works! silly me! the spelling is so headache btw. thank you!

Collectives™ on Stack Overflow

Why can't i call my Onclick function in React JS?

1 Answer 1

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related