想象有一个滑块插件,像这样..
<SliderWidget width="500" height="360">
默认方向是从左向右的,并且
它可以被配置从右到左,
这样的..
<SliderWidget width="500" height="360" direction="rtl">
它的工作原理,
但我需要使用此代码..
这样使滑块工作RTL ..
<SliderWidget width="500" height="360" dir="rtl">
滑块插件是SwiperJS和widget是建立在ReactJS,但我试试荷兰国际集团做的是使该部件工作RTL如果我给direction="rtl"
或dir="rtl"
如何实现这一目标? 有没有办法给direction="rtl"
功能扩展到属性dir="rtl"
?Change属性= RTL到DIR = RTL
0
A
回答
1
我也不是很明白你的问题(为什么不直接使用direction
?),但你总是可以换一个组成部分,做任何你想用它!
var MyWrapper = React.createClass({
propTypes: {
dir: React.PropTypes.oneOf(['rtl', 'ltr'])
},
getDefaultProps: function() {
return {
dir: 'rtl'
};
}
render: function() {
return <SliderWidget width="500" height="360" direction={this.props.dir}/>;
}
})
了解更多关于道具的位置:https://facebook.github.io/react/docs/reusable-components.html
0
谢谢你们的支持..
我能够通过添加“或”表达的“如果”条件,解决这个问题。
getInitialState : function() { this.slides = []; var direction = 'ltr'; var directionFactor = 1; if (this.props.direction === 'rtl' || this.props.dir === 'rtl') { direction = 'rtl'; directionFactor = -1; }
相关问题
- 1. 如果html属性dir =“rtl”
- 2. CHtmlView的与DIR问题= RTL
- 3. html元素的“dir”属性(rtl/ltr)的数据绑定
- 4. WordPress的,改变language_attributes返回DIR = RTL
- 5. 的CufónLTR到RTL
- 6. Android rtl viewpager与rtl tablayout
- 7. 倒CSS属性改变为RTL
- 8. Umbraco中textstring属性的RTL支持
- 9. 发布方向:rtl CSS属性
- 10. 如果dir =“rtl”,则将HTML标记dir值更改为none
- 11. PropertyGrid RTL支持
- 12. html语言的方向? (如果英文dir = ltr,如果阿拉伯文dir = rtl)
- 13. Silverlight RTL支持
- 14. 转换doTranslate到RTL
- 15. LTR到RTL转换器
- 16. TextBox输入从右到左,但dir =“rtl”不完整
- 17. CSS:DIR = “RTL” VS风格= “方向:RTL”
- 18. 当dir =“rtl”时,表格边距为何会出错?
- 19. 具有填充属性的RTL属性android
- 20. CSS - 在RTL元素
- 21. 支持RTL语言
- 22. rtl问题即
- 23. Set JMenu Direction RTL
- 24. HighCharts支持RTL
- 25. Java - RichFaces - RTL
- 26. WPF RichTextBox RTL
- 27. Twitter bootstrap topbar rtl
- 28. CKEditor RTL问题
- 29. HorizontalScrollView和RTL
- 30. uipickerview rtl约束
为什么不;吨添加一些代码。小提琴会有很大 – Mayank
所以要改变其已经开发SwiperJS?如果是的话,目前在SwiperJS这个,props.direction用于你可以修改this.props.dir –
好..这是一个很好的起点..谢谢你Dhaval Patel –