2015-11-30 51 views
0

想象有一个滑块插件,像这样..
<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

为什么不;吨添加一些代码。小提琴会有很大 – Mayank

+1

所以要改变其已经开发SwiperJS?如果是的话,目前在SwiperJS这个,props.direction用于你可以修改this.props.dir –

+0

好..这是一个很好的起点..谢谢你Dhaval Patel –

回答

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; }