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

Question

[NedoProgrammist1979]

Это первый файл 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;

Comments

[frontend queen]

в чем конкретно проблема? опиши
сходу вижу, что не передаешь первым аргументом компонент, который должен рендериться

ReactDOM.render(
,
document.getElementById('root')
);

второе: картинки можно импортировать и вставлять в src атрибут

[NedoProgrammist1979]

frontend queen, смотри, мне нужно чтобы в файле App.js выводились две картинки одну из которых я должен импортировать, но при таком написании кода мне пишет ошибку "Произошла ошибка при попытке построить проект."

[frontend queen]

NedoProgrammist1979, понял, отписал в ответы

Answer 1

[frontend queen]

ты импортировал второй компонент, но не использовал его

вот так

Comments

[NedoProgrammist1979]

всё, я понял, спасибо большое!