상태 VS 소품 🤔

Primero que nada, debemos saber que props es la abreviatura de "properties". Esto nos hace hace ver todo más simple, desde mi opinión.

당신은 다른 주와 소품이 무엇입니까?

_props + state _son이 구성 요소의 render() 함수에 포함되지 않도록 설정해야 합니다.

Sin embargo, props se pasa al componente (similar a los parametros de una función) mientras que state se administra *dentro del componente * (similar a las variables declaradas dentro de una función).

Las props son la configuración de un Componente. Se reciben desde arriba y son inmutables en lo que honora al Componente que los recibe.

예시(React 가이드 코드):

function Welcome(props) {
  return <h1>Hello, {props.name}</h1>;
}

const root = ReactDOM.createRoot(document.getElementById('root'));
const element = <Welcome name="Sara" />;
root.render(element);

El estado comienza con un valor predeterminado cuando se monta un Componente y luego sufre mutaciones en el tiempo(principalmente generadas por eventos de usuario).

예시(React 가이드 코드):

class Clock extends React.Component {
  constructor(props) {
    super(props);
    this.state = {date: new Date()};
  }

  render() {
    return (
      <div>
        <h1>Hello, world!</h1>
        <h2>It is {this.state.date.toLocaleTimeString()}.</h2>
      </div>
    );
  }
}

const root = ReactDOM.createRoot(document.getElementById('root'));
root.render(<Clock />);

Si bien props y state ambos contienen información relacionada con el componente, se usan de manera diferente y deben mantenerse separados.

Fuentes de information:

https://es.reactjs.org/docs/faq-state.html#what-is-the-difference-between-state-and-props
https://github.com/uberVU/react-guide/blob/master/props-vs-state.md
https://lucybain.com/blog/2016/react-state-vs-pros/