Javascript 我的程序没有'；当我单击'；添加播放器'；按钮，无文档添加到mongo

我想编写一个简单的程序，在屏幕上添加玩家姓名，mongodb，但我是一个初学者，我想在meteor中编写一个程序，将玩家添加到mongo，但当我单击“添加玩家”按钮时，该程序无法正常工作，并且没有文档添加到mongo：

import './main.html';
import React from 'react';
import ReactDom from 'react-dom';
import {Meteor} from 'meteor/meteor'
import {Players} from './../imports/api/Players'
import {Tracker} from 'meteor/tracker'

const renderPlayers = (playersList) => {
   return playersList.map((player)=> {
        return <p key={player._id}>{player.name} has {player.score} point(s).</p>;
    });
};

const handleSubmit = (e) => {

    e.preventDefault();

    let playerName = e.target.playername.value;
    if (playerName){
        e.target.playerName.value = '';
        Players.insert ({
            name: playername,
            score: 0
        })
    }
}

Meteor.startup(() => {

    Tracker.autorun(() =>{
        let playersList = Players.find().fetch();
        let title = 'Score Keep';
        let name = 'Fateme';
        let jsx = (
            <div>
                <h1>{title}</h1>
                {renderPlayers(playersList)}
                <form name="New-Player" onSubmit={handleSubmit}>
                    <input type="text" name="PlayerName" placeholder="player Name"/>
                    <input type="submit" onClick={handleSubmit} value="add player"/>
                </form>
            </div>
        );
        ReactDom.render(jsx, document.getElementById('app'));
    });

});

import'/main.html'；
从“React”导入React；
从“react dom”导入react dom；
从“Meteor/Meteor”导入{Meteor}
从“/../imports/api/Players”导入{Players}
从“meteor/Tracker”导入{Tracker}
const renderPlayers=（playersList）=>{
返回playersList.map（（玩家）=>{
return
{player.name}有{player.score}分。
；
});
};
常量handleSubmit=（e）=>{
e、 预防默认值（）；
让playerName=e.target.playerName.value；
if（playerName）{
e、 target.playerName.value=''；
玩家插入({
姓名：playername，
分数：0
})
}
}
流星启动（（）=>{
Tracker.autorun（（）=>{
让playersList=Players.find（）.fetch（）；
让标题=‘得分保持’；
让name='Fateme'；
设jsx=(
{title}
{渲染层（播放器列表）}
);
render（jsx，document.getElementById（'app'）；
});
});

代码中的e.target指的是连接了onclick处理程序的按钮。要引用输入字段值，可以使用普通Javascript，也可以使用受控组件或非受控组件以React方式进行引用。如果使用纯Javascript，则向输入标记添加一个id并引用它

  const playerName 
  =document.getElementById("idofiputtag").value;

---

PlayerName将在文本框中包含值。

请分享您面临的问题，以及您迄今为止试图解决的问题。谢谢您的好意