Aquí hay un ejemplo:
class MyComp extends React.Component { constructor(props) { super(props); this.state = { firstName: 'xyz', lastName: 'abc'; fullName: firstName + lastName }; } Probar la técnica anterior me da errores. También intenté usar this.firstName y this.lastName pero eso también resultó en errores. ¿Cómo debo proceder?
Gracias.
Puedes probar de la siguiente manera
class MyComp extends React.Component { constructor(props) { super(props); const firstName = 'xyz'; const lastName = 'abc'; this.state = { firstName, lastName, fullName: firstName + lastName }; }deberías usar this.state.firstname.....
porque usa el estado en el constructor y si desea acceder a ese elemento, debe definir this.state.'your item name'
class MyComp extends React.Component {constructor(accesorios) { super(accesorios);
const firstName = 'xyz'; const lastName = 'abc'; this.state = { firstName, lastName, fullName: firstName + lastName };}
en esto puedes usar this.state.firstname
Puede configurar después de montar el componente, si su escenario lo permite.
this.state = { firstName: 'xyz', lastName: 'abc', fullName: null, };después
componentDidMount() { this.setState({ fullName : this.firstName + this.lastName }) }