Nhận giá trị trong Tài liệu phản ứng - Tự động hoàn thành giao diện người dùng

Tôi đang đề cập đến tài liệu về React Material-UI ( https: // m Material-ui.com/components/autocomplete/ ).

Trong mã demo,

    <Autocomplete
      options={top100Films}
      getOptionLabel={(option: FilmOptionType) => option.title}
      style={{ width: 300 }}
      renderInput={params => (
        <TextField {...params} label="Combo box" variant="outlined" fullWidth />
      )}
    />

Tôi hiểu cách thức hoạt động của nó, nhưng tôi không chắc mình sẽ nhận được giá trị đã chọn như thế nào.

Ví dụ, tôi muốn sử dụng onChangeprop để làm điều này để tôi có thể thực hiện một số hành động dựa trên lựa chọn.

Tôi đã thử thêm onChange={v => console.log(v)}

nhưng vkhông hiển thị bất cứ điều gì liên quan đến giá trị được chọn.

Giải quyết bằng cách sử dụng truyền vào (event, value)các onChangeđạo cụ.

<Autocomplete
    onChange={(event, value) => console.log(value)} // prints the selected value
    renderInput={params => (
        <TextField {...params} label="Label" variant="outlined" fullWidth />
    )}
/>