Question

我是reactJS的新手，但我认为我已经理解了DOM的最小变化和更新。显然我错了。我有一个ReactJS类库，它呈现一个图像列表（我包括这个类的两个函数）。一个图像的URL（在图像列表中）取决于Gallery状态（索引），所以我认为image-url会改变（强制向服务器发送新的get请求），因为它依赖于索引 - Gallery的值，通过将gallery state.index更改为其他内容。我的想法怎么不对？如何从图库类更新图片网址？

getInitialState: function(){
    var self = this;
    window.addEventListener('keypress', function(e){
        if(e.keyCode == 39){
            if(self.state.index < self.state.size){
                self.setState({index: self.state.index+1});
                console.log(self.state.index);
            }
        }
        if(e.keyCode == 37){
            if(self.state.index > 0){
                self.setState({index: self.state.index-1});
                console.log(self.state.index);
            }
        }
    })
render:function(){
        var images= [];
        var url = "/patient/" + this.state.index.toString();
        images.push(<Image src={url} width={500} height={520} left={150} top={this.state.base} />);
        return (
            <div>
            {images}
            </div>
        );
}

可能是一个非常相关的链接（现在正在调查）：Reactjs: how to modify child state or props from parent?

如何通过更改ReactJS中的父状态来更改图像URL？

0 个答案: