728x90 반응형 SMALL 개념/React38 React) class_component_state import { Component } from "react";class Counter extends Component{ constructor(props) { super(props); this.state = { number : 0 }; } render(){ const {number} = this.state; return ( {number} { this.setState({number : number + 1}); }}> +1 .. 2025. 4. 12. React) class_component_props // import { Component } from "react";// import PropTypes from "prop-types";//// class mycomponent extends Component{// render(){// const {name, favoriteNumber, children} = this.props;// return(// // hello, my name is {name}// children value is {children}// my favoriteNumber is {favoriteNumber}// .. 2025. 4. 11. React) isRequired //App.js//import Mycomponent from "./mycomponent";//// const App =()=>{// return react;// };//// export default App;import propTypes from "prop-types";const mycomponent = ({name, favoriteNumber, children}) =>{ return( hello, my name is {name} children value is {children} my favorite number is {favoriteNumber} );};m.. 2025. 4. 10. React) multiple state value import { Component } from "react";class Counter extends Component{ constructor(props) { super(props); this.state = { number: 0, fixedNumber: 0 }; } render(){ const {number, fixedNumber} = this.state; return ( {number} Not change value : {fixedNumber} { .. 2025. 4. 9. 이전 1 2 3 4 ··· 10 다음 728x90 반응형 LIST