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);

现在，在导出语句中，我理解他传递了两个参数，我们的withClass函数需要这些参数作为参数，但不应该他导入withclass.js中的某些内容？我们withclass.js如何收到这些论点？

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

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);

导出默认语句

1 个答案: