Как экспортировать App1 и App2 в index.js?

Question

[NedoProgrammist1979]

app.js:
import React from "react";
import App2 from "./app2.js";
import ReactDOM from 'react-dom';

export default class App1 extends React.Component {
func() {
alert("We are watching you");
}

render() {
return (

src="https://avatanplus.com/files/resources/mid/585e5c3..."
onClick={this.func}
/>

);
}
}

app2.js:import React from "react";
import ReactDOM from 'react-dom';
export default class App2 extends React.Component {
func() {
alert("Novus Ordo Seclorum");
}

render() {
return (
src="https://avatanplus.com/files/resources/mid/572a6a7..."
onClick={this.func}
/>
);
}
}

index.js:import React from "react";
import ReactDOM from "react-dom";

import App1 from "./app";

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

Answer 1

[smartbe]

App1 и App2 надо отдельными файлами держать. В index.js сделай импорт обоих файлов



А в самих App1 и App2 сделай дефолтный экспорт

Например вот для компонента фукнции