Развернуть новый проект с использованием create-react-app. Создать компонент Message, отображающий переданный ему props текст. Стилизовать компоненты через css (при желании можно использовать less или sass).

Шаги для развертывания нового проекта с использованием create-react-app:

1. Установите create-react-app глобально, если у вас его еще нет:

npm install -g create-react-app

2. Создайте новый проект с помощью create-react-app:

create-react-app my-app

3. Перейдите в папку с вашим новым проектом:

cd my-app

4. Создайте новый компонент Message, который будет отображать переданный ему props текст. Пример компонента Message:

import React from 'react';
import './Message.css';

const Message = ({ text }) => {
  return (
    <div className="message">
      {text}
    </div>
  );
}

export default Message;

5. Создайте файл Message.css для стилизации компонента Message. Пример стилей для компонента Message:

.message {
  background-color: lightblue;
  padding: 10px;
  margin: 10px;
  border-radius: 5px;
}

6. Импортируйте компонент Message в вашем файле App.js и передайте ему текст через props:

import React from 'react';
import Message from './Message';

function App() {
  return (
    <div className="App">
      <Message text="Hello, World!" />
    </div>
  );
}

export default App;

7. Запустите ваш проект:

npm start

Теперь у вас должен быть создан и стилизован компонент Message, отображающий переданный ему текст.