Я получаю TypeError: не удается установить свойство ‘props’ значения undefined при попытке использовать props внутри функционального компонента в React?

#javascript #reactjs

#javascript #reactjs

Вопрос:

вот компонент приложения:

 import React, {Component} from 'react';
import Title from './components/Title';

class App extends Component() {
  render(){
    return(
      <div>
        <Title title='Photowall' /> 
      </div>
    )
  }
}

export default App;
 

И это компонент заголовка:

 import React from 'react';

const Title= (props) => {
  return(
    <h1> {props.title} </h1>
  )
}

export default Title;
 

Я не знаю, что я делаю не так, но это выдает мне ошибку TypeError: не удается установить свойство ‘props’ значения undefined

Ответ №1:

Вздох,

Я не должен использовать

 class App extends Component()
 

но скорее,

 class App extends Component
 

Теперь это работает