飾るが、私はこのようにそれをエクスポートする前に、コンポーネントを装飾する方法を知っている

Question

高次のコンポーネントで構成要素を反応します。それは動作しません。ここで

は、インデックスの例です：

​​

および高次の成分：

import React, { Component } from 'react' 

let Btn = InnerComponent => { 
    class NewBtn extends Component { 

     constructor(props) { 
      super(props) 
     } 

     render() { 
       return (
        <button onClick={this.props.onClick}> 
         <InnerComponent disabled={this.props.disabled} /> 
        </button> 
       ) 
     } 
    } 

    return NewBtn 
} 

export default Btn 

これを行うには正しい方法は何ですか？

Answer 1

私が知る限り、exportは関数呼び出しではなく名前（変数）を必要とします。試してみてください：

const ButtonDecoratedMainButton = ButtonDecorator(MainButton); 
const LinkDecoratedMainButton = LinkDecorator(MainButton); 

export { 
    DecoratedMainButton as MainButton, 
    LinkDecoratedMainButton as MainHrefButton, 
    BackButton 
}