material-ui VS react-rainbow

P.S. Also, I found that there are another issues with that wrong Select behaviour, take a look for my github post for mo details. (https://github.com/mui-org/material-ui/issues/11964)

components/ Button/ Button.jsx # JavaScript component Button.d.ts # TypeScript documentation with prop types Similarly how Material UI does this. https://github.com/mui-org/material-ui/tree/master/packages/material-ui/src/Button

Reactjs In the hooks version of material UI I can't seem to be able to clear the autocomplete after an onChange event: // @flowimport React, { useRef, useState } from "react";import "./Autocomplete.scss";import AutocompleteUI from "@material-ui/lab/Autocomplete";import TextField from "@material-ui/core/TextField";function Autocomplete(props) { const { options } = props; const [value, setValue] = useState(); const container = useRef(); const input = useRef(); function onChange(event, newValue) { if (!newValue) return; props.onChange(newValue); setValue(undefined); input.current.value = ""; event.target.value = ""; } function renderInput(params) { return ( ); } return ( {value} option.title} renderInput={renderInput} value={value} onChange={onChange} /> );}export default Autocomplete; Diving into the source code I've noticed the component uses useAutocomplete hook internally. However, neither setInputValue nor resetInputValue which live internally inside that hook are exposed outside. Is there a way to accomplish an input clear after an onChange? Answer link : https://codehunter.cc/a/reactjs/how-to-clear-the-autocompletes-input-in-material-ui-after-an-onchange

When you look at their examples Signin and Signup a plain html form tag is added on top.

Both websites have a link to Github - https://github.com/mui-org/material-ui

I don't know enough to tell whether this Github discussion might help, but likely not since they were using a beta version of Material-UI.

View on GitHub