React - 我无法将我的日期选择器值作为参数传递，因为它是一个对象而且我似乎无法将其转换为字符串

Question

我正在构建一个待办事项列表应用程序，其中一个字段是日期。

下面是我设置选定日期的地方

        <div>
            <label>Select Date</label>
            <Datepicker 
                selected={selectedDate} 
                onChange={(date) => setSelectedDate(date)}
                placeholder='Select Date' 
                minDate={new Date()}
                isClearable 
                showYearDropdown
                scrollableYearDropdown  
            />
        </div>

我正在尝试将其传递给 onAdd 函数

    onAdd({ text, selectedDate , reminder })

但是，我得到一个错误 - “Objects are not valid as a React child”，因为 selectedDate 是一个对象，我需要传入一个字符串。

但每当我尝试将其转换为字符串时，我都无法这样做 - 例如我不能这样做：

    onAdd({ text, selectedDate.toLocaleDateString() , reminder })

句点突出显示，错误提示“，”是预期的。

有人能帮帮我吗？

上面的onAdd函数是梯形图，但是好像错误发生在上面的步骤中。

const addTask = (task) => {
  const id = Math.floor(Math.random()*10000)+1
  const newTask = {id, ...task }
    setTasks([...tasks, newTask])
}

Answer 1

onAdd({ text, selectedDate.toLocaleDateString() , reminder })这个函数的输入是一个对象。您使用的是简写语法，因此调用实际上是 onAdd({ text:text, selectedDate.toLocaleDateString() , reminder:reminder }) 。现在你的第二个属性的键是什么？没有什么。这就是它抱怨的原因。试着给一个像 onAdd({ text, selectedDate:selectedDate.toLocaleDateString() , reminder })

这样的名字

React - 我无法将我的日期选择器值作为参数传递，因为它是一个对象而且我似乎无法将其转换为字符串

React - I can't pass my datepicker value as an argument because it's an object and I can't seem to convert it into a string

reactjs

react-datepicker