Question

我有Extjs类和React功能组件（com.retail.MyContainer），Ext.define（“ ItemTypeSelector”）。我需要从ItemTypeSelector调用'com.retail.MyContainer'整个类，因此它将创建ReactElement。在ReactJS中有什么方法可以做到吗？我试图将'com.retail.MyContainer'导入ItemTypeSelector，但无法正常工作

这是我的ExtJS类。

 Ext.define('com.retail.MyContainer', function () {
    return {
        extend: 'com.retail.myproject.ReactToSencha',
        requires: ['com.retail.myproject.ReactToSencha'],
        xtype: 'MyContainer-viewer',
        componentCls: 'MyContainer-viewer',

        createReactElement: function(props) {
            return React.createElement(SenchaImports.RetailApp.viewerComponent, Object.assign({}, props, {
                myTable: { name: 'container' },
                myType: 'section'}
            }));
        }
    };
});

我的React组件是

 export default function ItemTypeSelector(ItemType){

    ItemTypeSelector.propTypes = {
        ItemType: PropTypes.string
    };


    return (
        <Row className='align-items-center'>
             <div class="dropdown">
  <button class="dropbtn">Dropdown</button>
  <div class="dropdown-content">
  <a href="#">Link 1</a>
  <a href="#">Link 2</a>
  <a href="#">Link 3</a>
  </div>
</div>
        </Row>
    );

}

实际上我已经搜索了很多，发现sencha是使用它的方法，但是它需要在当前项目中安装一些组件。是否有其他方法可以从React JS调用extjs类而不安装任何lib？

如何从ReactJS功能组件调用Extjs类

0 个答案: