有人可以帮我验证这个表格...我是 javascript 的新手...我无法验证这个表格

Question

* React js 中的表单验证..我无法验证创建的表单是为了从用户获取数据并将其存储在数据库中，使用 AWS 中的 api。 我需要很大的帮助来解决这个问题......我在 javascript 中表现不佳......任何人都可以帮助验证表格

.

.

.

.

.

有人可以帮我验证这个表格吗...我是 javascript 的新手...我无法验证这个 *

import React, { Component } from 'react';
import './App.css';
import { API, graphqlOperation } from 'aws-amplify'
import { listRestaurants } from './graphql/queries'
import { createRestaurant } from './graphql/mutations'

class App extends Component {
  state = { Name: '', Email: '', Location: '', restaurants: [] }
  async componentDidMount() {
    try {
      const apiData = await API.graphql(graphqlOperation(listRestaurants))
      const restaurants = apiData.data.listRestaurants.items
      this.setState({ restaurants })
    } catch (err) {
      console.log('error: ', err)
    }
  }
  onChange = e => {
    this.setState({ [e.target.name]: e.target.value })
  }
  createRestaurant = async () => {
    const { Name, Email, Location } = this.state
    //if (Name === '' || Email === '' || Location === '') return
    try {
      const restaurant = { Name, Email, Location }
      const restaurants = [...this.state.restaurants, restaurant]
      this.setState({ restaurants, Name: '', Email: '', Location: '' })
      await API.graphql(graphqlOperation(createRestaurant, {input: restaurant}))
      console.log('Data successfully created!')
    } catch (err) {
      console.log('error: ', err)
    }
  }
**i dont know to validate this form**
  render() {
    return (
      <div className="App">
        <div style={styles.inputContainer}>
          <input
            name='Name'
            placeholder='Name'
            onChange={this.onChange}
            value={this.state.Name}
            style={styles.input}
          />
          <input
            name='Email'
            placeholder='Email'
            onChange={this.onChange}
            value={this.state.Email}
            style={styles.input}
          />
          <select name="Location" onChange={this.onChange} value={this.state.Location} style={styles.select}>
          <option>Select Your Country \/</option>  
          <option value="India">India</option>
          <option value="Australia">Australia</option>
          <option value="America">America</option>
          <option value="Canada">Canada</option>
          <option value="Dubai">Dubai</option>
          <option value="Russia">Russia</option>
          </select>
        </div>
        <button
          style={styles.button}
          onClick={this.createRestaurant}
        >Create</button>
        {
          this.state.restaurants.map((rest, i) => (
            <div key={i} style={styles.item}>
              <p style={styles.Name}>{rest.Name}</p>
              <p style={styles.Email}>{rest.Email}</p>
              <p style={styles.Location}>{rest.Location}</p>
            </div>
          ))
        }
      </div>
    );
  }
}
}
export default App```