wgh295360998的专栏

你可以在render和return中间先处理好，赋值到一个对象上面，或者直接在JSX中写：

 yourData.map(item => {
    if(item.level == 1){
            return (< 你的level1渲染内容 />)
        }
        if(item.level == 2){
            return (< 你的level2渲染内容 />)
        }
})

不过你要保证你所有的level都是1，2，3，4这几个值。

如果我没说清楚的话，可以加我微信cloudsaiCSU，或者直接在我CSDN下面留言。

简单说一下思路吧：

方法一：你可以试试在你要append和preAppend的位置，增加两个state：

 render(){
    return(
        <div>
            {this.state.preAppend}<YourDiv  onclick={this.handleClick.bind(this)}/>{this.state.append}
        </div>
    )
}

然后在handleClick的函数里实现，this.setState({
#重新设置append和preAppend的值就可以了
})

方法二：
直接在react类里面引入jquery
import $ from 'jquery'就可以了

不知道能不能帮到你，如果我没说明白，可以加我微信：cloudsaiCSU，或者在我的CSDN博客下面留言

imgsearch函数里面应该是：

 this.setState({
        url: '_newUrl'_
})

应该是没有问题的，你可以在render后，return之前，使用console.log(this.state.url)试试