Sto tentando di creare un componente che viene passato alla funzione connect
di react-redux. Il componente è la seguente:React-Redux collega i problemi in typescript
interface ITestProps {
id: number
}
class TestComponent extends React.Component<ITestProps, {}> {
render() {
return (<div>
{this.props.name}
</div>)
}
}
mapStateToProps(state) {}
mapDispatchToProps(dispatch) {}
let ConnectedComponent = connect(
mapStateToProps,
mapDispatchToProps
)(TestComponent)
Il codice di cui sopra sembra funzionare trovare se mi rendo ConnectedComponent
in questo modo
<ConnectedComponent></ConnectedComponent>
cioè senza il puntello id
. Non dovrebbe generare un errore poiché lo ConnectedComponent
è semplicemente il modulo collegato di TestComponent
e TestComponent
dovrebbe avere oggetti di scena del modulo ITestProps
. È così che si dovrebbe comportare o sto facendo qualcosa di sbagliato.
familiarità con dattiloscritto, ma perché avete bisogno di un nome diverso (ConnectedComponent)? Non puoi fare qualcosa come 'export default connect (mapStateToProps, mapDispatchToProps) (TestComponent);' e quindi ''? –
Ecco come faccio .. Ho pensato solo in questo modo sarebbe stato più facile capire –
Ciao, quali tipi di definizione stai usando per redux-react? – AlexG