Initialize state - difference between using a constructor and not - React Native

Question

Using Constructor:

import { Text } from 'react-native';
import Component from 'react';

class Blink extends Component {
    constructor(props) {
      super(props);
      this.state = {test: "Hello"};
}

Without constructor:

import { Text } from 'react-native';
import Component from 'react';

class Blink extends Component {
    state = { test:"Hello" }
}

The code works in the same way. But what's the difference? Which one is better?

stackoverflow.com/questions/30668326/…

Hoàng Vũ Anh
– Hoàng Vũ Anh

2018-07-25 04:51:13 +00:00
Commented Jul 25, 2018 at 4:51 — Hoàng Vũ Anh
– Hoàng Vũ Anh, Commented Jul 25, 2018 at 4:51

sshaul · Accepted Answer · 2018-07-25 04:51:33Z

5

It's just a matter of preference! Here's an article I found about the different ways to initialize a component: https://daveceddia.com/where-initialize-state-react/

answered Jul 25, 2018 at 4:51

sshaul

992 bronze badges

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

1 Comment

trevdev Over a year ago

It's also worth noting that with componentDidMount() being deprecated now, the constructor is a great place to run some pre-render code on the first mount.

Collectives™ on Stack Overflow

Initialize state - difference between using a constructor and not - React Native

1 Answer 1

1 Comment

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Linked

Related