Я не могу создать новую карту с реакцией

Проблема: Я хочу написать программу, которая добавляет новую карту при нажатии кнопки. Я могу подключиться и изменить состояние, но нет новых карт. (Нет проблем, что значение в состоянии постоянное. Главное — это формирование новой карты).

Выше есть два разных компонента. Когда кнопка нажата (такое же состояние), я хочу, чтобы была создана новая карта. Но я не мог написать код.

карта.jsx

import React from 'react'
import CardStyle from '../cardStyle/cardStyle';

class Card extends React.Component {
  constructor(props){
    super(props);
    this.state = {
      isLoading: true,
      imageUrl: null,
      fullName: null,
      job: null
    };
  }

  clickEvent = () => {
    this.setState({
      fullName: 'Furkan',
      job: 'Software engineer'
    });
  }

  render() {
    let {isLoading, imageUrl, fullName, job} = this.state;
    return (
      <div>
        <CardStyle 
              isLoading = {isLoading}
              imageUrl = {imageUrl}
              fullName = {fullName}
              job = {job}
              clicked = {this.clickEvent}
              />
        <button onClick = {this.clickEvent}>ADD PERSON</button>
      </div>
    )
  }
}

export default Card;

cardStyle.jsx

import React, { Component } from 'react'
import classes from "./cardStyle.css";
import Wrap from "../../Wrap/Wrap";

class CardStyle extends Component {
  state = {
    image: null,
    fullName: null,
    job: null
  };

  createCard = () => {
    return(
      <div className = {classes.Card}>      
        <div className = {classes.Image}>{this.props.imageUrl}</div>
        <div className = {classes.Title}>{this.props.fullName}</div>
        <div className = {classes.Job}>{this.props.job}</div>
      </div>
    )
  };

  render() {
    return (
      <Wrap>
        {this.createCard()}
      </Wrap>
    ) 
  }
}

export default CardStyle;