Task *3041*

Task 3041

eri

Hi!
Can you help me with joining of these two props, I think this is a reason why it is not accepting the code.

The Code script;

export default class NameRenderer extends React.Component {
  constructor(props){
    super(props);

    this.state = {
      name: ''
    }
  
  }

  static getDerivedStateFromProps(props){

    return {
      name: props.firstName + props.lastName
    };
  }

 
  render() {
    return (
      <h1>{this.state.name}</h1>
    )
  }
}

Error messages:

The name property of the getDerivedStateFromProps call result should be equal to concatenation of firstName and lastName props
The App component should render John Doe name
The App component should render Jane Doe name

Coderslang_Master

eri you're missing a space between a name and a surname. I've updated the test description to make it obvious.

eri

Coderslang_Master would you specify where please?

p.s: i read this requirement "It should take firstName and lastName props, join them with space between and save to name state field." but the return in the getDerivedStateFromProps didn't allowed me to implementit like so:

return { name: props.firstName props.lastName };

Coderslang_Master

eri you can concatenate two strings using the + operator. Now you need to add a space between them, so you need another +.

props.firstName + ' ' + props.lastName;

Or you could use a template string. This way the space is inserted a bit more naturally.

`${props.firstName} ${props.lastName}`