React initialize state with or without constructor

Question

I am fairly new to react and I was just wondering that why do we use this.state in constructor function and only state without constructor function while initializing state.

lets say:

i have created a component with constructor, here i have to specify this.state to intialize state.

    class Test {

   constructor(){
    super();
    this.state = {
       name : ""
   }

     }

   }

and if i create a component without constructor , i can use only state to initialize state:

 class Test{
   state = {
      name : ""
   }
   }

Can you provide a snippet of what you're referring to in particular? — Dom
– Dom, Commented Sep 7, 2020 at 4:44

phoenix · Accepted Answer · 2020-09-07 04:47:30Z

1

You can initialize state like the below or can use React Hooks

import React from 'react';

class YourComponent extends React.Component {
  state = {
    title: 'hello world',
  };

  render() {
    const { title } = this.state;
    return <h1>{title}</h1>;
  }
}

export default YourComponent;

with Hook, you can initialize a state like the below.

import React, { useState } from 'react';

const YourComponent = () => {
  const [title, setTitle] = useState('hello world');

  return <h1>{title}</h1>;
};

export default YourComponent;

answered Sep 7, 2020 at 4:47

phoenix

361 silver badge5 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

user11526228 Over a year ago

It's not that how to intialize state, I am asking why do we use this.state in constructor function where as only state without constructor function?

Collectives™ on Stack Overflow

React initialize state with or without constructor

1 Answer 1

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related