Javascript TypeError:this.props.AddToList不是函数

我想将'data'变量传递给App.js，我正在导出带有属性'AddToList'的AddTodo组件，该属性调用函数Addnew，然后该函数将'data'变量附加到我的列表中。 但是当我点击this.props.AddtoList类的按钮时，它抛出了这个错误。请帮忙

下面是代码

//this is the button click handler
AddUserHandler = (e) => {
    let data = JSON.stringify(this.state);

    this.props.AddToList(data);
  };

//this is the props area in App.js , Addtodo is the exported class

<AddTodo AddTolist={this.AddNew} />

//this is the list appending function
AddNew = (data) => {
    const newTodo = {
      id: uuidv4(),
      title: data,
      completed: false,
    };
    this.setState({ todos: [...this.state.todos, newTodo] });
  };

//这是按钮单击处理程序
AddUserHandler=（e）=>{
让data=JSON.stringify（this.state）；
this.props.AddToList（数据）；
};
//这是App.js中的道具区域，Addtodo是导出的类
//这是列表附加函数
AddNew=（数据）=>{
常数newTodo={
id:uuidv4（），
标题：数据，
已完成：错误，
};
this.setState（{todos:[…this.state.todos，newTodo]}）；
};

您输入了一个拼写错误，您正在调用

this.props.AddToList

，但在中，您正在传递一个带有小写“l”的道具

或者，您可以修复传递给组件的内容，以匹配您试图访问的内容

<AddTodo AddToList={this.AddNew} />

this.props.AddTolist()

<AddTodo AddToList={this.AddNew} />