导出default语句

Question

我需要理解React中的导出和导入语句（可能涉及使用HOC）

因此，我有一个更高的组件，称为withclass.js，如下所示

import React from 'react';

const withClass = (WrappedComponent, ClassName) => {
   console.log(WrappedComponent)
console.log(ClassName)
  return (props) => (
    <div className={ClassName}>
      <WrappedComponent />
    </div>
  )
}

export default withClass;

在我们的app.js中，我们做了如下操作

import withClass from '../hoc/withclass.js';
import classes from './App.css';
        class App extends Component {
        //some code here
    //------ include render and return

export default withClass(App, classes.App);

现在，在Export语句中，我知道他传递的是两个参数，我们的withClass函数需要这两个参数作为参数，但是他难道不应该在withClass.js中导入一些东西吗？我们的WithClass.js如何接收这些参数？

另外，我们的返回函数（在WithClass.js中）如何访问这里的道具？（例如，我们将props作为参数传递给WithClass.js中的返回函数）？

Answer 1

我不是很清楚你的要求是什么，但是关于传递这个参数，你可以做如下所示的事情。如果我能得到更多一点的解释，我会更新我的答案。

 import withClass from '../hoc/withclass.js';
            class App extends Component {
            //some code here
        //------
      return (
        <Aux>
          <button onClick={this.showPersonTrueHandler}>Show Persons </button>
          <Ccockpit
          coatiitle = {this.props.title}
          cocPersonState = {this.state.showPerson}
          cocperson = {this.state.person.length}
          toggler = {this.togglerPersonHandler} />
          {person}
          </Aux>
         )
       }
    }
    export default withClass((parameter1, parameter2)=>{
    //perform any action here...
    })(App);