Что такое {Component}? И для чего оно в конкретном примере?

тоесть когда:
import React from 'react';
компонент создается вот так:
class Info extends React.Component

а когда:
import React, {Component} from 'react';
тогда создается вот так:
class Info extends Component
правильно?

Как переписать имеющийся код с использованием React?

0xD34F, спасибо, уже разобрался, я учил JS по старому учебнику и не знал о стрелочных функциях которые появились с ECMA 2015 и конечно не понял что "e" это аргумент функции...

Как переписать имеющийся код с использованием React?

open = e => { //1 строка
this.setState({ // 2 строка
openedImage: e.target.src, // 3 строка
});
}

обьясни, что делают эти 3 строки, и что такое в этих строках "open", "e" , ".setState" , "e.target.src"?

И по второму варианту вопрос:
Вместо класса App у тебя функция App. Эта функция также создает компонент? Это такой упрощённый вариант компонента?

Что делает эта часть кода?

Антон Спирин, перечитал все то что вы написали еще несколько раз и понял свои ошибки.Спасибо огромное!

Что делает эта часть кода?

Антон Спирин, Спасибо большое! может глупый вопрос, а что попадает в name обьект?То что скобках?: ("Вася")

Что делает эта часть кода?

Антон Спирин, я читал но там нету что такое "name" после знака равно.Что это? Переменная? Я не вижу где оно используется в моем коде.Я вижу что только левое name используется как параметр и тогда не понимаю зачем name присваивать себе же.

Что делает эта часть кода?

Зачем мне "Создание объектов через "new"" или "Основные операторы",и другие ссилки, я понимаю что такое конструктор, и как весь код работает.
Я спросил только о части :
this.name = name;
И задал конкретние три вопросы, не потому что лень почитать книгу, а потому что нет понимания как это работает