不能实现类的新对象reactJS

Question

在下面的代码中，我尝试创建（在方法createNewCharacter（）中）一个包含所有Character属性（obj.name，obj.image，obj.strength ...）和方法的新Character对象。

但是，当我调试console.log（firstCharacter）时，我没有所需的对象，而是下面的对象：

screen capture of the object created

有人能救我的命吗：D？我是React的初学者，所以请告诉我，如果我做了不好的事情。

谢谢

在我的 App.js 文件中：

// Character Class
class Character extends Component {

  constructor(props){
    super(props);
    this.state = {
      name: '',
      image: '',
      strength: 0,
      health: 0,
      luck: 0,
      lvl: 0,
      progress: 0
    }
  }

}

//App Class with render
class App extends Component {
  //Here, some code is running
}

在我的 Arena.js 文件中，我尝试创建我的角色：

import Character from './App';

class Arena extends Component {
    
  // Instancie un nouveau perso
  createNewCharacter = (charactersFDB) => {
        var firstCharacter = new Character(charactersFDB.name, charactersFDB.image, charactersFDB.strength, charactersFDB.health, charactersFDB.luck, charactersFDB.lvl, charactersFDB.progress)
   }  

  //Here, some code is running

}