问如何在react中打印文本输出

EN

//App.js
import "./styles.css";

function TextBoxContent() {
  // JSON obj from https://developer.mozilla.org/en-US/docs/Learn/JavaScript/Objects/JSON#arrays_as_json
  const exampleJSON = [
    {
      name: "Molecule Man",
      age: 29,
      secretIdentity: "Dan Jukes",
      powers: ["Radiation resistance", "Turning tiny", "Radiation blast"]
    },
    {
      name: "Madame Uppercut",
      age: 39,
      secretIdentity: "Jane Wilson",
      powers: [
        "Million tonne punch",
        "Damage resistance",
        "Superhuman reflexes"
      ]
    }
  ];

  const parseJsonIntoConsoleStr = (item, index) => {
    return (
      <p key={index}>
        {item.name}'s true identity is {item.secretIdentity}
      </p>
    );
  };

  return exampleJSON.map(parseJsonIntoConsoleStr);
}

export default function App() {
  return (
    <div className="App">
      <h1>Textbox example</h1>
      <div className="example-text-box">
        <TextBoxContent />
      </div>
    </div>
  );
}

// style.css
.App {
  font-family: sans-serif;
  text-align: center;
}

.example-text-box {
  border: black 2px solid;
  border-radius: 3px;
  text-align: left;
  padding-left: 10px;
}