Dependency Injection in Stateless-Funktion ist in Ordnung, aber wie funktioniert es in normalen React Component

Question

Ich habe eine zustandslose Funktion wie meine Hauptkomponente, und ich teste DI und funktioniert, aber ich kann nicht für eine normale Komponente (schaue zweiten Block unten). Ich füge myVar Parameter zu der Komponente nach Druckzuständen mit {... store.getState()}

Stateless: es funktioniert, ich kann die Reihenfolge in den Parametern der Funktion ändern.

Normale Reaktionskomponente ES6: Wie funktioniert die Abhängigkeitsinjektion automatisch ohne Requisiten wie im obigen Block?

class TodoApp extends Component { // agregado export default 
    constructor(here ???) { 

} 


    render() { 
    return (
     <div> myVar: {this.myVar } 
     </div> 
    ) 
    }; 
} 

const render =() => { 
    console.log (...store.getState()); 
    ReactDOM.render(
    // Render the TodoApp Component to the <div> with id 'root' 
    <TodoApp 
     {...store.getState()} myVar='value Var' 
    />, 
    document.getElementById('root') 

) 
}; 

store.subscribe(render); 
render(); 

Answer 1

Zugang die injizierten params mitthis.props

class Contacts extends React.Component { 
    // You don't even need a constructor 
    // constructor(props) { 
    // super(props); 
    // }  

    render() { 
    return (
     <div>Contacts: {this.props.myContact} </div> 
    ); 
    } 
} 

Sehen Sie ein funktionierendes Beispiel here