задача 3022

Этот сайт лучше всего просматривать в современном браузере с включённым JavaScript.

задача 3022

vladozz

Что не так в коде?

export const Greeting = () => {
    return <div>Hello from my first component</div>
}

amati

vladozz а вы рендерите Greerting в App?

vladozz

amati
да, и точно такие же ошибки в проверке и в последующих задачах по реакту, хотя проект компилится и правильно рендерится в браузере

app.js

import React from 'react';
import  {Greeting} from './components/Greeting.js';

function App() {
  return <Greeting/>;
}

export default App;

index.js

import React from 'react';
import ReactDOM from 'react-dom';
import App from './App';

ReactDOM.render(<App />, document.getElementById('root'));

3023

3024

vladozz

amati
3025 та же история

Vlad

vladozz
та же проблема.
буду признателен за помощь.

vladozz

Vlad
Ждем ответа от админов.

Coderslang_Master

Проблема в том, как вы делаете import/export. Чтобы быстро решить проблему - перепишите на export default.

С другой стороны можете подождать пока мы изменим описание и тесты.

vladozz

Coderslang_Master
пробовал, проблема остается, вот код, остальные задачи изначально были с export default сделаны.

export default function Greeting () {
    return <div>Hello from my first component</div>
}

import React from 'react';
import  Greeting from './components/Greeting.js';

function App() {
  return <Greeting />;
}

export default App;

Coderslang_Master

vladozz в новом коде, который ты прислал, проблем нет.

Какие ошибки при проверке получаешь?

Coderslang_Master

vladozz возможно проблема в том, как ты назвал файлы. Это единственное чего не видно в твоем посте. Добавь скрин с деревом каталогов.

vladozz

Coderslang_Master
В проверках первые пункты говорят о том что файлы созданы верно.

vladozz

Coderslang_Master
Напоминаю, проблема не решена

Vlad

vladozz
помоги, пожалуйста, задачу 3015
не могу разобраться,

vladozz

Vlad
А в чем проблема, напиши в телеграме, тут неудобно

Coderslang_Master

vladozz не хватает

import React from 'react';

в Greeting.js.

vladozz

Coderslang_Master
А почему код работает в браузере? и нигде ошибки кроме проверки нет? мне чисто для личного развития

salton

Потому, что браузер работает за тебя. Именно твой браузер, именно в этом случае))) Я просил расширить курсы на тестирование приложений. Чисто для понимания кейсов и что происходит при проверке.
В целом в своей практике могу сказать, что 90% невыполнения задач это проблема "зашоренности" - в процессе как можно быстрого решения задач мы просто не учитываем, что задача может решать вопрос запоминания именно "азов", а не технически сложных механизмов. Как и в твоем случае - export default function Greeting () { return <div>Hello from my first component</div>ты пытался засунуть в JS то, что он априори не решает, для этого необходим был React.

vladozz

salton
Вот все равно непонятно. т.е. если бы был другой браузер или другой случай то это было бы ошибкой?
и что я пытался засунуть в JS? ответ если честно непонятен.

salton

Я не буду уверен на счет другого браузера, и не знаю за другой случай. Но конкретно в случае который мы обсуждаем сейчас: 1. Для JS <div>Hello from my first component</div> всего лишь набор букв - ведь в App.js не было заголовка, что это HTML документ?? Не было! А JS, на сколько я понял не умеет работать с языком разметки. 2. Другое дело браузер - ты мог бы ему подсунуть даже <div>Hello from my first component без закрывающего тега, и он бы это проглотил. Более того, у меня к примеру в браузере есть вот такое:

я вижу даже то, что находится внутри react компонентов не используя console.log. Потому мне даже тяжело предположить, что браузер на самом деле может принять и обработать!