在反應日期選擇器上使用鈎子

Question

我創建了一個將數據發送到 email 的聯系表單，我希望能夠使用反應日期選擇器。 我已經成功地將所有其他輸入字段保存在 state 中並使用 NodeMailer 發送，但是日期沒有分配給它的名稱，就像另一個一樣（例如：fullName）所以我不知道如何添加開啟它，這樣我就可以像在其他字段（req.body.fullName）中所做的那樣輕松地在后端收回。 感謝任何幫助:)

  const [startDate, setStartDate] = useState(new Date());

  <DatePicker
    selected={startDate}
    onChange={(date) => setStartDate(date)}
    inline
   />

Answer 1

您可能正在使用 React Browser Extension 檢查狀態。
在那里你會看到這樣的東西：

State: xyz
State: abc

它不顯示 state 的名稱，只顯示值。 假設您初始化了兩個狀態：

const [a, setA] = useState(1);
const [b, setB] = useState({'var1': 'val1', 'var2':'val2'});

使用 React 擴展你可以看到：

State: 1
State: {'var1': 'val1', 'var2':'val2'}

但是它們都有分別與之關聯的名稱a和b 。 您只能通過它們的名稱訪問它們。 所以，這里你的 state 名字是startDate 。 嘗試：

console.log(startDate)

您的日期將被打印出來。 並將其發送到 API 調用的正文中。 您可以使用req.body.startDate在后端訪問它。