React.js 및 동적 너비가있는 수평 IScroll 5

Question

React.js에서 작동하도록 IScroll을 만들 수 없습니다.

var SubHeaderMenu = React.createClass({ 
getDefaultProps: function() { 
    return {items: []}; 
}, 

componentDidMount: function() { 
    if (this.props.items.length && this.isMounted()) { 
     this.scroll = new IScroll(this.getDOMNode(), { 
      scrollX: true, 
      scrollY: false, 
      mouseWheel: true, 
     }); 
    } 
}, 

render: function() { 
    var itemNodes = this.props.items.map(function (item) { 
     return <div key={item.name} className="subheader-item">{item.name}</div>; 
    }.bind(this)); 

    return (
     <div className="bar bar-standard bar-header-secondary subheader"> 
      <div className="scroller" ref="scroller"> 
       <div className="scroller-inner" ref="scrollerInner">{itemNodes}</div> 
      </div> 
     </div> 
    ); 
} 
}); 

subHeaderMenu 구성 요소는 항목 목록을받습니다.

.scroller { width: 600px; ... } 

그러나 스크롤하지 않는 CSS의 폭이없는

..

어떻게 모든 목록 항목의 동적 폭을 처리하기 위해 : 나는 CSS에서 .scroller에 대한 폭을 설정 한 경우이 잘 작동?

https://www.npmjs.com/package/react-iscroll

:

Answer 1

이

는 IScroll 반응에 대한 NPM-패키지