@NedoProgrammist1979

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

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")
);
  • Вопрос задан
  • 34 просмотра
Пригласить эксперта
Ответы на вопрос 1
@smartbe
App1 и App2 надо отдельными файлами держать. В index.js сделай импорт обоих файлов

5e6a9188bb088265186185.jpeg

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

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

5e6a916993f77749915606.jpeg
Ответ написан
Ваш ответ на вопрос

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

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