जब भी मैं makeStyles()
जीवन चक्र विधियों के साथ एक घटक के साथ उपयोग करने का प्रयास करता हूं तो मुझे निम्न त्रुटि मिलती है :
अमान्य हुक कॉल। हुक को केवल एक फ़ंक्शन घटक के शरीर के अंदर कहा जा सकता है। यह निम्न कारणों में से एक के लिए हो सकता है:
- आपके पास प्रतिक्रिया और रेंडरर के बेमेल संस्करण हो सकते हैं (जैसे कि प्रतिक्रिया डोम)
- आप हुक के नियम तोड़ रहे होंगे
- आपके पास एक ही ऐप में एक से अधिक रिएक्ट हो सकते हैं
नीचे कोड का एक छोटा सा उदाहरण है जो इस त्रुटि को पैदा करता है। अन्य उदाहरण बाल वस्तुओं के लिए भी कक्षाएं प्रदान करते हैं। मुझे MUI के दस्तावेज़ में कुछ भी नहीं मिल रहा है जो उपयोग करने के अन्य तरीके दिखाता है makeStyles
और जीवनचक्र विधियों का उपयोग करने की क्षमता रखता है।
import React, { Component } from 'react';
import { Redirect } from 'react-router-dom';
import { Container, makeStyles } from '@material-ui/core';
import LogoButtonCard from '../molecules/Cards/LogoButtonCard';
const useStyles = makeStyles(theme => ({
root: {
display: 'flex',
alignItems: 'center',
justifyContent: 'center',
},
}));
const classes = useStyles();
class Welcome extends Component {
render() {
if (this.props.auth.isAuthenticated()) {
return <Redirect to="/" />;
}
return (
<Container maxWidth={false} className={classes.root}>
<LogoButtonCard
buttonText="Enter"
headerText="Welcome to PlatformX"
buttonAction={this.props.auth.login}
/>
</Container>
);
}
}
export default Welcome;
invalid hook call
त्रुटि के साथ हलकों में दौर चला रहा हूं - मुझे सही दिशा में लाने के लिए धन्यवाद !!