编辑：

Question

我一直在尝试使用<TextField id="outlined-basic" className={classes.inputField} color="primary" label="Message" variant="filled" onChange={this.handleChange} />中的样式化输入字段，但在这样做时：

localhost:3000/some-page

在用户单击动画后，动画在我的测试中从localhost:3000重定向到handleChange = (e) => { this.setState({text: e.target.value}) }。这也是handleChange函数：

import React, { Component } from "react";
import ".././App.css";
import { Title } from "../Components/Title";

// MUI Stuff
import { withStyles } from "@material-ui/core/styles";
import TextField from "@material-ui/core/TextField";
import Button from "@material-ui/core/Button/Button";

// Theme
import theme from "../Util/theme";

const styles = {
  ...theme.spreadIt,
};


class BugsMain extends Component {
  constructor(props) {
    super(props);
    this.id = "0";
  }

  handleChange = (e) => {
    this.setState({text: e.target.value})
  }

  render() {
    const { classes } = this.props;
    return (
      <div className="App">
        <header className="App-header">
          <Title title="Bugs | Root_Directory" />
          <p>
            <h1> Feedback </h1>
          </p>
          <a className="App-link" href="/">
            <Button className={classes.button} href="">Submit A Bug Report</Button> <br /> <br />
            <TextField
              id="outlined-basic"
              className={classes.inputField}
              color="primary"
              label="Message"
              variant="filled"
              onChange={this.handleChange}
            /><br />
            <Button className={classes.button} href={"/bug-viewer?id=" + this.id}>Find A Bug Report</Button> <br /> <br />
            <Button className={classes.button} href="/">Return to home</Button>
          </a>
        </header>
      </div>
    );
  }
};


export default withStyles(styles)(BugsMain);

我在另一个react项目中具有完全相同的代码，但是我仍然遇到此问题，无法弄清原因。所有的帮助，将不胜感激！谢谢。

编辑：

这是完整的代码：

Reduce

Answer 1

这是因为tableObject被放置在TextField标记内。请把a移到TextField标记之外。

Answer 2

<className="App-link" href="/">的原因，如果发送时没有错误以重定向到特定页面，则应该具有重定向或某种逻辑...

动画完成后，TextField重定向到主页

编辑：

2 个答案: