Question

想象一下有一个滑块小部件，就像这样..
<SliderWidget width="500" height="360">
默认方向是从左到右，左侧可以从右到左配置，如下所示。
<SliderWidget width="500" height="360" direction="rtl">
它工作，但我需要使用此代码使滑块工作rtl ..
这样..
<SliderWidget width="500" height="360" dir="rtl">
滑块插件是SwiperJS，小部件是基于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

谢谢你们的支持..
我能够通过在“if”条件中添加“OR”表达来解决这个问题。
first following value is adding 1 to most-right position (1) 0000 0001 => -256 + 2^0 = -255 (1) 0000 0010 => -256 + 2^1 = -254 (1) 0000 0011 => -256 + 2^1 + 2^1 = -253 ...

将JS widget direction = rtl的属性更改为dir = rtl

2 个答案: