Reactjs 警告：设置状态（…）…，无限循环

当您转到该页时，会发生此错误

警告：设置状态（…）：无法在现有状态转换期间更新（例如在

渲染

或其他组件的构造函数中）。渲染方法应该是道具和状态的纯函数；构造函数的副作用是一种反模式，但可以移动到

componentWillMount

在form.js中

render() {
    return (
    ...
    <Row className={css(stylesClient.adm_search)}>
        <Col span={3} style={{fontSize: '24px'}}>Приёмы</Col>
        <Col span={3} offset={7}>Период: с</Col>
        <Col span={4}>
            <Datetime
                className="date_time"
                dateFormat="DD.MM.YYYY"
                timeFormat={false}
                locale="ru"
                onChange={(e)=>this.setState({dateStart: e.target.value})}/>
        </Col>
        <Col span={1}>по</Col>
        <Col span={4}>
            <Datetime
                className="date_time"
                dateFormat="DD.MM.YYYY"
                timeFormat={false}
                locale="ru"
                onChange={(e)=>this.setState({dateEnd: e.target.value})}/>
        </Col>
        <Col span={2}>
            <Button
                className={css(stylesClient.set_button)}
                onClick={this.props.receptions_filter(this.state.dateStart, this.state.dateEnd)}>
                <img style={{marginLeft: '-10px'}} src={arrowWhite}/>
            </Button>
        </Col>
    </Row>
    ...
    )
}

render（）{
返回(
...
Приёмы
Период: с
this.setState（{dateStart:e.target.value}）}/>
по
this.setState（{dateEnd:e.target.value}）}/>
...
)
}

我需要按两个日期筛选表，但这是一个无休止的循环，我最近开始了解Web技术

---

对不起，我的英语很差，每次渲染都会触发onClick

将其更改为：

---

onClick={（）=>this.props.receptions\u filter（…）}

onClick

在每次渲染时都会触发

将其更改为：

onClick={（）=>this.props.receptions\u filter（…）}