Функциональное программирование. Компоненты и пропсы.

Question

Функциональное программирование. Компоненты и пропсы.

Глеб Гоменюк Ученик (192), на голосовании 1 год назад

Помогите, пожалуйста

Answer 1

Hero.js:

 import React from 'react';  
 
const Hero = () => {  
 
  return (  
 
    <>  
 
      Добро пожаловать в наш магазин
  
 
      Начать покупки!
  
 
      
 
  );  
 
};  
 
  
 
export default Hero;

Welcome.js:

 import React from 'react';  
 
const Welcome = (props) => {  
 
  return Привет, {props.name}!
;  
 
};  
 
export default Welcome;

App.js:

 import React from 'react';  
 
import Welcome from './Welcome';  
 
import Hero from './Hero';  
 
const App = () => {  
 
  return (  
 
    <>  
 
        
 
        
 
        
 
        
 
      
 
  );  
 
};  
 
export default App;

index.js:

 import React from 'react';  
 
import ReactDOM from 'react-dom';  
 
import App from './App';  
 
ReactDOM.render(, document.getElementById('root'));