¿Qué son state y props en el contexto del desarrollo en React?

State — es el estado interno del componente, un conjunto de datos que puede cambiar durante la operación del componente. Cambiar el estado provoca que el componente se vuelva a renderizar.

Props — son parámetros externos que se pasan al componente desde fuera, desde el componente padre. Los props son inmutables dentro del componente que los recibe. Se utilizan para la configuración y transmisión de datos del padre al hijo.

Diferencias principales:

Característica	Estado (State)	Props
Fuente	Dentro del componente	Se pasan desde fuera
Mutabilidad	Puede cambiar	No se pueden cambiar dentro
Objetivo	Controlar la vista interna	Transmitir datos y configuración

Ejemplo de uso de state:

import React, { useState } from 'react';

function Counter() {
  const [count, setCount] = useState(0); // Inicialización del estado

  return (
    <div>
      <p>Contador: {count}</p>
      <button onClick={() => setCount(count + 1)}>Incrementar</button>
    </div>
  );
}

Ejemplo de uso de props:

import React from 'react';

function Greeting(props) {
  return <h1>¡Hola, {props.name}!</h1>; // Uso de props
}

function App() {
  return <Greeting name="Mundo" />; // Transmisión de props
}