@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;
  • Вопрос задан
  • 84 просмотра
Решения вопроса 1
ты импортировал второй компонент, но не использовал его

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

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

Войти через центр авторизации
Похожие вопросы