当您按下提交按钮时，您传递onInputChange函数的onSubmit属性被“触发”，它提供给您的是用户提交表单时的信息。
为了从表单中的输入传递值，您需要将它们存储在组件的状态中，并在用户修改输入时相应地更改它们。
您可以阅读更多关于here的信息。
以及解决您问题的方法：

class UserInput extends Component{
constructor(props) {
    super(props);
    this.state = {value: ''};

    this.handleChange = this.handleChange.bind(this);
this.onSubmit = this.onSubmit.bind(this);
  }

  handleChange(event) {
    this.setState({value: event.target.value});
  }

   onSubmit(event){
    alert('Form submitted:' + this.state.value);
   }

    render(){
        return (
            <div>
                <form noValidate autoComplete="off" onSubmit={this.onSubmit}>
                <TextField
                    onChange={this.handleChange}
                    id="outlined-name"
                    label="Image Search"
                    margin="normal"
                    variant="outlined"
                    style={{minWidth:'500px'}}
                    type="text"
                    /><br></br>
                    <Button 
                    variant="contained" 
                    color="primary"
                    type="submit"
                    >
                    Search
                    </Button>

                </form>

为了访问input的值，您需要将其保存到组件的状态中。
我建议您使用带有React钩子的函数组件，而不是类组件，因为带有函数组件的代码看起来要干净得多：

function UserInput(){
  const [text, setText] = useState('');

  const onInputChange = (event) => {
   setText(event.target.value);
  }

  const onSubmit = () => {
    console.log(text);
  }

  return (
      <div>
          <form noValidate autoComplete="off" onSubmit={onSubmit}>
          <TextField
              id="outlined-name"
              label="Image Search"
              margin="normal"
              variant="outlined"
              style={{minWidth:'500px'}}
              type="text"
              onChange={onInputChange}
              /><br></br>
              <Button 
                variant="contained" 
                color="primary"
                type="submit"
              >
              Search
              </Button>

          </form>
     </div>
  );
}

使用功能组件

导出默认函数FormSubmit（）{

const [text, setText] = useState('')

    console.log("Text: ", text)

    const sendMessage = () => {

            // Insert Your Logic Here using "text" variable

    }

    return (

            <div>

                    <input type="text" value={text} onChange={(e) => setText(e.target.value)} />

                    <button onClick={() => sendMessage()}>Send Text</button>

            </div>

    )

}