ฉันยังใหม่กับ React และ Redux
ฉันกำลังพยายามใช้คลาสเป็นคอนเทนเนอร์ Redux (ดังนั้นสถานะได้รับการจัดการโดยตัวลด) และยังเป็นส่วนประกอบแบบคลาสสิกด้วยอินสแตนซ์อื่น (ไม่มีลิงก์ไปยังตัวลด)
โดยพื้นฐานแล้วบางสิ่งเช่นนี้:
class BaseLogo extends Component {
constructor(props){
super(props);
}
render(){
let link = this.props.linkLogo || this.props.link;
return (
<Link className="btn btn-primary" to={link}>
{this.props.logoName}
</Link>
);
}
}
function mapStateToProps(state){
return {
linkLogo: state.linkLogo
};
}
let Logo = connect(mapStateToProps)(BaseLogo);
export {Logo, BaseLogo as Button};
ดังนั้นฉันต้องการใช้ Logo เป็นคอนเทนเนอร์และ Button เป็นส่วนประกอบ (ไม่มีตัวลด) พร้อมอุปกรณ์ประกอบฉากที่ระบุ
แต่ตามวิธีที่ Redux ผูกไว้ เมื่อใดก็ตามที่ฉันสร้างอินสแตนซ์ของโลโก้คลาส จะมีตัวลดขนาด
มีวิธีใดบ้างที่ฉันสามารถแยก connect()()
ออกจากคลาสได้
ขอบคุณ
class Logo
ให้เป็นclass BaseLogo
จะได้ไม่ต้องเปลี่ยนชื่อที่ลงท้ายด้วยexport ... as
อย่างสับสนล่ะ - person Jordan Running   schedule 21.07.2017logo1
) ซึ่งเป็นคลาสที่เชื่อมต่อกับ Redux และButton
ซึ่งเป็น React.Component ธรรมดาที่ไม่มีการเชื่อมต่อกับ Redux หากคุณไม่ต้องการส่วนประกอบที่เชื่อมต่อกับ Redux ให้นำเข้าปุ่มแทนโลโก้ - person Jordan Running   schedule 21.07.2017connect
) - person Quoc-Hao Tran   schedule 21.07.2017