Question

编译失败 ./src/App.js 第30：3行：未定义“ onInputChange” no-undef

搜索关键字以了解有关每个错误的更多信息。该错误在构建期间发生，无法消除。

App.js的代码

import React from 'react';
import Logo from './components/Logo/Logo';
import './App.css';
import Navigation from './components/Navigation/Navigation';
import ImageLinkForm from './components/imagelink/ImageLinkForm';
import Rank from './components/Rank/rank'
import Particles from 'react-particles-js';
const particlesOptions= {
 particles: {
   number:{
     value:30,
     density:{
       enable:true,
       value_area:800
     }
   }
 }
}


function App() {
  constructor()
  {
    super();
    this.state = {
      input: '',
    }
  }
  
  onInputChange = (event) => {
    console.log(event.target.value);
  }
  
  return (
    <div className="App">
        <Particles className="particles"
                params={particlesOptions} />
        <Navigation/>
        <Logo/>
        <Rank/>
        <ImageLinkForm onInputChange={this.onInputChange}/>
      {/*<FaceRecognition/>*/}
    </div>
  );
}
export default App;

ImageLinkForm.js的代码

import React from 'react';
import './ImageLinkForm.css';
const ImageLinkForm = ({ onInputChange }) => {
    return (
        <div>
                <p className='f3'>
                  {'This Magic Brain will detect faces in your pictures'}
                </p>
                <div className='center'>
                    <div className='form center pa4 br3 shadow-5'>
                        <input className='f4 pa2 w-70 center' type='tex' onChange={onInputChange}/>
                        <button className='w-30 grow f4 link pv2 dib white bg-light-purple'>Detect</button>
                    </div>
                </div>
        </div>

    );
}
export default ImageLinkForm;

我想知道如何解决此错误。

Answer 1

我解决了。

通过在上面写一个类。

App.js

import tkinter as tk
import threading
from http.server import HTTPServer, BaseHTTPRequestHandler

class Serv(BaseHTTPRequestHandler):
    def do_GET(self):
        self.send_response(200)
        self.end_headers()
        self.wfile.write(b'Hello')

server = None

def LocalServ():
    global server
    def server_task():
        print('Starting server ...')
        httpd = HTTPServer(('localhost', 8000), Serv)
        httpd.serve_forever()

    # make sure only one server task is running
    if server is None:
        server = threading.Thread(target=server_task, daemon=True)
        server.start()

root = tk.Tk()
root.geometry('400x300')

tk.Button(root, text='Start Server', command=LocalServ).pack()

root.mainloop()

无法编译./src/App.js行30：3：未定义'onInputChange'no-undef

1 个答案: