Change屬性= RTL到DIR = RTL

Question

想象有一個滑塊插件，像這樣..
<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"？

Answer 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

Answer 2

謝謝你們的支持..
我能夠通過添加「或」表達的「如果」條件，解決這個問題。
getInitialState : function() { this.slides = []; var direction = 'ltr'; var directionFactor = 1; if (this.props.direction === 'rtl' || this.props.dir === 'rtl') { direction = 'rtl'; directionFactor = -1; }