Задать вопрос
@NedoProgrammist1979

Тут получается надо разделить App1 и App2 в разные файлы с помощью export и import и вывести их в ReactDOM.render. Кто шарит за React js?

Это первый файл app.js:
import React from 'react';
import ReactDOM from 'react-dom';
import App2 from 'app2.js';

class App1 extends React.Component {
    func(){
        alert("We are watching you");
    }
    
    render() {
        return <img src = "https://avatanplus.com/files/resources/mid/585e5c3cecd8715930984e2a.png" onClick = {this.func}/>;
	}
}

ReactDOM.render(
  <App1 />,
  document.getElementById('root')
);

это второй файл app1.js:
import React from 'react';
import ReactDOM from 'react-dom';

class App2 extends React.Component {
    func(){
        alert("Novus Ordo Seclorum");
    }
    
	render() {
		return <img src = "https://avatanplus.com/files/resources/mid/572a6a7cd2f0e1547daff7c0.png" onClick = {this.func}/>;
		 
	}
}
export default App2;
  • Вопрос задан
  • 98 просмотров
Подписаться Простой 3 комментария
Помогут разобраться в теме Все курсы
  • Яндекс Практикум
    Мидл фронтенд-разработчик
    5 месяцев
    Далее
  • Яндекс Практикум
    React-разработчик
    3 месяца
    Далее
  • Яндекс Практикум
    Фронтенд-разработчик
    10 месяцев
    Далее
Решения вопроса 1
ты импортировал второй компонент, но не использовал его

вот так
Ответ написан
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Похожие вопросы
ITK academy Нижний Новгород
от 80 000 до 120 000 ₽
ITK academy Воронеж
от 50 000 до 90 000 ₽