Random Color Picker (issue with random color button)

cindycheung · April 22, 2021, 11:13pm

Hi there,

I’m having issues the this project, it was working fine until the last step and I realised the button won’t render a random color.

I’ve been checking each line and honestly cannot figure out what is wrong with it.

Any help will be greatly appreciated!

Thank you!

this is my code

gist.github.com

https://gist.github.com/codecademydev/7e837b1c121e0f37e4d245f57a4c10d0

Button.js

import React from 'react';

export class Button extends React.Component {
	render() {
		return (
			<button 
				className={ this.props.light ? 'light-button' : 'dark-button' }
        onClick={this.props.onClick} >
				Refresh
			</button>

This file has been truncated. show original

Random.js

import React from 'react';
import ReactDOM from 'react-dom';
import { Button } from './Button.js'

class Random extends React.Component {
  constructor(props){
    super(props);
    this.state = { 
      color: [255, 120, 253]
      };

This file has been truncated. show original

mirja_t · April 23, 2021, 7:08am

Hi @cindycheung

handleClick() {
    this.setState = ({
      color: this.chooseColor()
    });
  }

setState should be a function call, not an assignment. So write

this.setState({
      color: this.chooseColor()
});

instead.

cindycheung · April 23, 2021, 7:27am

@mirja_t Thank you so much! I could not spot that last night nor this morning!

Thank you for pointing it out to me!