React技术栈-react使用的Ajax请求库用户搜索案例

　　　　　　　　　React技术栈-react使用的Ajax请求库用户搜索案例

　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　作者：尹正杰

版权声明：原创作品，谢绝转载！否则将追究法律责任。

 

 

一.react使用的Ajax请求库用户搜索案例

1>.react脚手架项目结构

2>.目录中的代码

import React,{Component} from 'react';

import Search from "./search";
import Main from "./main";

export default class App extends Component{
    state = {
        searchName: ''
    }

    setSearchName = (searchName) =>{
        //更新状态
        this.setState({searchName})
    }

    render(){
        return (
            <div className="container">
                 <Search setSearchName = {this.setSearchName} />
                 <Main searchName={this.state.searchName}/>
                </div>
        )
    }
}

app.jsx文件内容