Применение стилей в React,Custom hooks, API

 import React, { useState, useEffect } from 'react'; 
 
// Компонент формы регистрации 
const RegistrationForm = () => { 
  const [name, setName] = useState(''); 
  const [email, setEmail] = useState(''); 
  const [password, setPassword] = useState(''); 
 
  const handleNameChange = (e) => { 
    setName(e.target.value); 
  }; 
 
  const handleEmailChange = (e) => { 
    setEmail(e.target.value); 
  }; 
 
  const handlePasswordChange = (e) => { 
    setPassword(e.target.value); 
  }; 
 
  const handleSubmit = (e) => { 
    e.preventDefault(); 
    // Отправка данных на сервер при помощи fetch 
    fetch('https://api.example.com/register', { 
      method: 'POST', 
      body: JSON.stringify({ name, email, password }), 
      headers: { 
        'Content-Type': 'application/json' 
      } 
    }) 
      .then((response) => response.json()) 
      .then((data) => { 
        // Обработка ответа от сервера 
        console.log(data); 
      }) 
      .catch((error) => { 
        // Обработка ошибок 
        console.error(error); 
      }); 
  }; 
 
  return ( 
    
 
      
 
        Name: 
         
      
 
      
 
        Email: 
         
      
 
      
 
        Password: 
         
      
 
      Register 
    
 
  ); 
}; 
 
// Пользовательский хук, объединяющий useEffect и useState 
const useEffectWithState = (initialValue) => { 
  const [state, setState] = useState(initialValue); 
 
  useEffect(() => { 
    // Логика, выполняемая при изменении состояния 
    console.log('State updated:', state); 
  }, [state]); 
 
  return [state, setState]; 
}; 
 
// Компонент, использующий пользовательский хук 
const ExampleComponent = () => { 
  const [count, setCount] = useEffectWithState(0); 
 
  const handleIncrement = () => { 
    setCount(count + 1); 
  }; 
 
  return ( 
    
 
      
Count: {count}
 
      Increment 
    
 
  ); 
}; 
 
// Компонент-контейнер, объединяющий форму регистрации и пример пользовательского хука 
const App = () => { 
  return ( 
    
 
      
Registration Form
 
       
      
Custom Hook Example
 
       
    
 
  ); 
}; 
 
export default App;