Question

我正在学习一个教程，我正在复制并遵循击键操作来击键

我已经查看了原始代码和代码，但找不到代码的区别。对我来说看起来一样。

import React, { Component } from 'react';
import CardList from './CardList';
import SearchBox from './SearchBox';
import { robots }  from './robots';



class App extends Component {
    constructor() {
        super()
        this.state = {
            robots: robots,
            searchfield: ''
        }
    };

    onSearchChange(event){
        console.log(event);
    };

        render() {
            return(
                <div className='tc'>
                    <h1>RoboFriends</h1>
                    <SearchBox searchChange={this.onSearchChange} />
                    <CardList robots={this.state.robots} />
                </div>
            );
        }
    };

export default App;

import React from 'react';

const SearchBox = ({searchfield, searhChange}) => {
    return (
        <div className='pa2'>
                <input 
                className='pa3 ba b--green bg-lightest-blue'
                type='search' 
                placeholder='search robots' 
                onChange = {searchChange}
            />
        </div>
    )
}

export default SearchBox;

我只是希望它可以编译成问题，但我不断得到

./ src / SearchBox.js 第11行：“ searchChange”未定义为no-undef

搜索关键字以详细了解每个错误。

Answer 1

您在定义searchChange的行中的参数中将SearchBox拼写错误。您改为放置searhChange。

终端说没有定义变量

1 个答案: