728x90 반응형 SMALL 개념314 React) myComponent props value const mycomponent = props =>{ return hello, my name is {props.name};};mycomponent.defaultProps ={ name :'user name'};export default mycomponent;### Functional Component with Props - **Functional Component**: The component is defined as a functional component that accepts `props` as an argument. This simple pattern is used for components that do not need to manage state or use lif.. 2025. 4. 6. React) out of value to props // const mycomponent = props =>{// const {name, children} = props;// return(// // hello. my name is {name}.// children value is {children}.// // );// };//// mycomponent.defaultProps = {// name : 'basic name'// };//// export default mycomponent;const mycomponent = ({name, children}) =>{ return( hello.. 2025. 4. 5. React) propTypes import PropTypes from "prop-types";const mycomponent = ({name, children}) =>{ return( hello, my name is {name}. children value is {children}. );};mycomponent.defaultProps = { name : 'basic name'};mycomponent.prototype ={ name : PropTypes.string};export default mycomponent;// app.js// import Mycomponent from "./mycomponent";.. 2025. 4. 4. React) pull out constructor from state import { Component } from "react";class Counter extends Component{ state = { number : 0, fixedNumber : 0 }; render(){ const {number, fixedNumber} = this.state; return( {number} Not change value : {fixedNumber} { this.setState(({number: number + 1})); }.. 2025. 4. 3. 이전 1 2 3 4 ··· 79 다음 728x90 반응형 LIST