0
A
回答
1
我有改变的代码在你的应用程序,请检查在这里Demo
import React from 'react'
import {render} from 'react-dom'
import { CSSTransitionGroup } from 'react-transition-group'
class SendData extends React.Component{
constructor(props) {
super(props);
this.state = {
images: [
'http://via.placeholder.com/350x150',
'http://via.placeholder.com/350x151'
],
currentImage: 0
};
this.fadeImage=this.fadeImage.bind(this);
}
fadeImage(e) {
e.preventDefault();
this.setState({currentImage: (this.state.currentImage + 1) % this.state.images.length})
}
render()
{
return(
<FadeImage images={this.state.images} currentImage={this.state.currentImage} fadeImage={this.fadeImage}/>
)
}
}
class FadeImage extends React.Component {
constructor(props) {
super(props);
}
render() {
return (
<div className="image">
<CSSTransitionGroup
transitionName="example"
transitionEnterTimeout={300}
transitionLeaveTimeout={300}
>
<section>
<button className="button" onClick={this.props.fadeImage.bind(this)}>Click!</button>
<img src={this.props.images[this.props.currentImage]}/></section>
</CSSTransitionGroup>
</div>
);
}
}
render(<SendData />, document.querySelector('#app'))
相关问题
- 1. ReactJS组件的使用道具或国家决策呈现
- 2. 从经度获取国家
- 3. 从tzInfo TimeZone获取国家?
- 4. reactjs - 从api获取数据
- 5. 无法从道具中获取数据
- 6. C#:从国家代码获取国家名称
- 7. 从国家或国家代码获取电话代码 - Twilio
- 8. 从国家代码在python中获取国家名称?
- 9. 从国家代码中获取国家/地区名称
- 10. 代理/从其他国家获取数据
- 11. ReactJS不能与状态,错误获取:“无法读取空的特性‘国家’”
- 12. reactjs保留道具道具
- 13. 国家代码不是从Android中的国家/地区代码选取器中获取的
- 14. 如何根据国家选择的轨道选择国家?
- 15. 国家不是根据选定的国家加载
- 16. 获取国家名称android
- 17. 获取用户的国家
- 18. 获取ISO国家代码
- 19. Python/Django从IP获得国家国旗
- 20. ReactJS获取JSON数据
- 21. 为什么当国家对ReactJs
- 22. 如何从家乡ID获取用户的国家?
- 23. 如何从angularjs中的国家/地区获取国家/地区名称
- 24. 从国家代码获取国家/地区名称字符串int
- 25. ReactJS - 道具或propTypes?
- 26. ReactJS:传输道具
- 27. 从道具数据的Reactjs下拉列表人口
- 28. Spotify API:根据名称获取艺术家而不是艺术家的ID
- 29. 如何从着色图中获取国家数量?
- 30. ISO国家/货币数据
国家是使用一个组件,而道具是用从一个组件传递到另一个价值,现在告诉我,为什么你需要的状态道具中的数据?或让我知道你想在你的示例应用程序中做什么? –
我想从另一个组件再次收集道具的数据,所以我必须用无状态组件重新组织这个数据 – Alex