React JS Components ಕನ್ನಡದಲ್ಲಿ

React JS Components ಎಂದರೆ ಶ್ರೇಣಿಗಳು ಅಥವಾ ಭಾಗಗಳು ಯಾವುದೇ ಸಂಖ್ಯೆಯಲ್ಲಿ ಉತ್ಪಾದಕ ಇದ್ದರು, ಅದರ ಕುರಿತು ಒಂದು ಜೊತೆಗೆ ಹೇಳಲು ಬಳಸಲು ಬಹುಭದ್ರವಾದ ಉಪಾಯ ಪ್ರೋಗ್ರಾಮ್‌ಗಳನ್ನು ಗುರುತಿಸುತ್ತವೆ.

ಇದರಲ್ಲಿ ಪ್ರಮುಖವಾಗಿ ಉದಾಹರಣೆಗಳನ್ನು ಮಾಡಲು ಇರುವುದೇ props, state ಮತ್ತು methods.

ಉದಾಹರಣೆ: ಕಂಪೋನೆಂಟ್ ಲೇಖನ

ನಾವು ಈಗ ಶೋಲುದ ಸಂಖ್ಯೆಯ ಕಂಪೊನೆಂಟನ್ನು ರಚಿಸೋಣ.

        
            class Counter extends React.Component {
                constructor(props) {
                    super(props);
                    this.state = {
                        count: 0
                    };
                }
                
                render() {
                    return (
                        

                            
ಮೊತ್ತ: {this.state.count}
                             this.setState({count: this.state.count + 1})}>ಹೆಚ್ಚು
                             this.setState({count: this.state.count - 1})}>ಕಡಿಮೆ
                        
                    );
                }
            }
        
    

ಅದನ್ನು ಅನ್ವಯಿಸಲು ನಾವು ಹೆಚ್ಚು ಮತ್ತು ಕಡಿಮೆ ಎಹೋದರನ್ನಾದರೂ ಬಟನ್ನಲ್ಲಿ ಒತ್ತಿ ನೋಡಬಹುದು.

ಉದಾಹರಣೆ: ಇನ್‌ಕೌಂಟರ್ ಸಂಖ್ಯೆ

ಈ ಸಲುವಾಗಲೇ props ಉಪಯೋಗಿಸಿದ್ದೇವೆ.

        
            class Counter extends React.Component {
                constructor(props) {
                    super(props);
                    this.state = {
                        count: props.start,
                        step: props.step
                    };
                }
                
                render() {
                    return (
                        

                            
ಮೊತ್ತ: {this.state.count}
                             this.setState({count: this.state.count + this.state.step})}>ಹೆಚ್ಚು
                             this.setState({count: this.state.count - this.state.step})}>ಕಡಿಮೆ
                        
                    );
                }
            }
            
            ReactDOM.render(, document.getElementById('root'));
        
    

ಇವಾದರೆ ಪ್ರತ್ಯೇಕ ಕಂಪೊನೆಂಟ್‌ಗಳಿಗೆ ವೇಳಾಪಟ್ಟು ತಪಾರಲಾಗುತ್ತದೆ. ವಿಸ್ತಾರವಾದ ಕಂಪೊನೆಂಟ್‌ಗಳಿಗೆ ಸಹ ಇದು ಅವಶ್ಯಕವು.