Значок поиска не выполняется с помощью Material-UI - PullRequest
Новая
       22

Значок поиска не выполняется с помощью Material-UI

1 голос
/ 17 июня 2019

Я пытаюсь вызвать значок поиска, чтобы начать поиск по результату в строке поиска, но он не работает. Нажатие на него показывает его диапазон кликов, но ничего не делает иначе. Может кто-нибудь помочь, пожалуйста, спасибо

Ниже приведен не полный код, а больше, чем нужно. Если вам нужен полный код, не стесняйтесь спрашивать. 

class OutlinedTextFields extends React.Component {
  constructor(props) {
    super(props);
    this.state = {
      searchA: false
    };

    this.searchOn = this.searchOn.bind(this);
  }
  searchOn() {
    this.setState({ active: true });
  }

  render() {
    const { classes } = this.props;

    return (
      <form className="conT" noValidate autoComplete="off">
        <TextField
          autoFocus={true}
          fullWidth
          className={`${classes.textField} without-padding`}
          InputLabelProps={{
            classes: {
              root: classes.cssLabel,
              focused: classes.cssFocused
            }
          }}
          InputProps={{
            classes: {
              root: classes.cssOutlinedInput,
              focused: classes.cssFocused,
              notchedOutline: classes.notchedOutline,
              MuiOutlinedInput: classes.MuiOutlinedInput
            }
          }}
          label="Search"
          variant="outlined"
          id="custom-css-outlined-input"
        />
        <InputAdornment disablePointerEvents={false}>
          <IconButton className={classes.style} onClick={this.searchOn}>
            <SearchIcon on Click={this.searchOn} />
          </IconButton>
        </InputAdornment>
      </form>
    );
  }
}

export default withStyles(styles)(OutlinedTextFields);
...