Je veux exécuter App.js pour l'afficher, mais il n'affiche toujours que le code dans index.js

Vous n'êtes pas en train d'importer et d'exporter le fichier App.js dans index.js, donc le code App.js n'est pas rendu. veuillez trouver le code mis à jour. https://codesandbox.io/s/2xy029ol60

C'est parce que vous avez créé deux composants avec le nom App. Celui que vous voulez imprimer comme vrai, vous devez les importer dans votre nouveau fichier. vérifiez le https://codesandbox.io/s/xl0q1jkzyq

//index.js

import React from "react";
import ReactDOM from "react-dom";
import "./styles.css";
import App from "../src/App";
function App1() {
  return (
    <div className="App">
      <h1>Nice</h1>
      <h2>Start editing to see some magic happen!</h2>
      <App />
    </div>
  );
}

const rootElement = document.getElementById("root");
ReactDOM.render(<App1 />, rootElement);

//App.js
import React, { Component } from "react";

export default class App extends Component {
  render() {
    const text = "your smart?";
    const condition = "true";

    return (
      <div>
        <h1>react hi ~</h1>
        <h2>{text}</h2>

        {condition ? "true" : "false"}
      </div>
    );
  }
}

https://codesandbox.io/s/63ok3m8zz

Vous devez importer l'application dans index.js et la mettre dans render ()