Смена цвета на выбранный. В чём ошибка?

Question

[Sss109]

class App extends React.Component {

  constructor(props){
      super(props);
             
      this.state = { color: this.props.colors[0] };
      
      this.changeColor = this.changeColor.bind(this);
  }
  
  changeColor(e){
    this.setState( { color: e.target.value });
  }
 
  render(){          
    return <div>
          <p style={{backgroundColor: this.state.color}}>sample text</p>
          <select onChange={this.changeColor}>
             {this.props.colors.map(c => (<option value={c}>{c}</option>))}
          </select>
          </div>
    }
          
}

ReactDOM.render(
  <App colors={['red', 'green', 'blue']}/>,
  document.getElementById("ex")
);
  
export default App;

Answer 1

[Alexandroppolus]

changeColor = (e) => {
    this.setState( { color: e.target.value });
};

Comments

[Sss109]

TypeError: Cannot read properties of undefined (reading '0') также как и было

Answer 2

[Aetae]

В приведённом коде нет проблем:
Ищи ошибку в другом месте.

P.S. Судя по тексту ошибки, массив colors у тебя не приходит в props.