react destrukturyzacja

Question

React i Destrukturyzacja. Czy ktoś mi powie dlaczego ten kod nie 'chodzi'?

import React, { Component } from 'react'
import Class1 from './Class1'

class Class100 extends Component {

    state = {
        name: 'Joe',
        surname: 'Doe',
        age: 40,
    }
    const { name, surname, age } = state;

    render() {

        return (
            <div>
                <Class1 name={name} surname={surname} age={age} />
            </div>
        )
    }
}

export default Class100

Chodzi o destrukturyzację, nie widzę tam żadnego błędu

Comments

W którym miejscu kodu jest problem z destrukturyzacją?

---

Chodzi o to że ten kod nie działa, a jeżeli zakomentuję destrukturyzację i propsy opiszę z this np

this.state.name

to wszystko chodzi.

Answer 1

Przenieś const do metody render.

Comments

dzieki