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. 从jVectormap获取国家onregionclick
- 4. 从tzInfo TimeZone获取国家?
- 5. reactjs - 从api获取数据
- 6. 在Android中获取国家的国家
- 7. 获取在reactjs根元素道具
- 8. 无法从道具中获取数据
- 9. 从Mysql获取数据,而不是XML?
- 10. Reactjs道具是不是工作正常
- 11. 从国家/地区代码获取国家/地区名称
- 12. C#:从国家代码获取国家名称
- 13. 从国家代码在python中获取国家名称?
- 14. 从国家代码中获取国家/地区名称
- 15. 在IOS中从国家名称获取国家代码
- 16. 从国家或国家代码获取电话代码 - Twilio
- 17. 从过去3天从美国国家航空航天局API获取数据
- 18. ReactJS不能与状态,错误获取:“无法读取空的特性‘国家’”
- 19. 如何获取国家名称而不是两位数字名称
- 20. 从国家和状态表获取数据
- 21. 代理/从其他国家获取数据
- 22. reactjs保留道具道具
- 23. 从坐标获取国家吗?
- 24. 从AutoCompleteTextView获取城市和国家
- 25. 从城市和州获取国家
- 26. 从Facebook获取用户国家
- 27. 从iPhone获取时区/国家
- 28. iptolatlng.com从IP php获取国家名称
- 29. 从一个国家获取时区
- 30. 如何根据国家选择的轨道选择国家?
国家是使用一个组件,而道具是用从一个组件传递到另一个价值,现在告诉我,为什么你需要的状态道具中的数据?或让我知道你想在你的示例应用程序中做什么? –
我想从另一个组件再次收集道具的数据,所以我必须用无状态组件重新组织这个数据 – Alex