学习记录——react类似百度搜索的小练习（数据筛选）

先在state里模拟一个数据，用于搜索。
然后写一个input框，添加onChange监听事件，当我们输入内容的时候，会自动去匹配数据，如果包含一样的字就显示出来。

然后要做的是在input框输入值的同时，遍历listDog数组，看有没有输入的那个值。
如果有的话，显示出包含那个值的所有元素，如果没有则返回一个空数组。默认刚打开页面是空的。
可以先封装一个回调，注意在回调里的this的指向问题。可以写一个button来观察this

知识点-改变this指向的三种方法

• 方式1：把方法变成剪头函数 名字=()=>{}
• 方法2：在事件中 调用方法的时候.bind(this) 好处是可以传值 onClick={ this.xxx回调函数.bind(this) }
• 方法3：在构造函数中直接绑定this
  
  继续写遍历数组的逻辑：
  

import React, {
    Component } from 'react';

class Search extends Component {
   

    constructor(props) {