if/else
в методе render()
компонента React. boolean
в своем состоянии, которое отслеживает, хотите ли вы отображать какой-либо элемент в пользовательском интерфейсе или нет. button
переключает состояние этого значения. В настоящее время он отображает один и тот же пользовательский интерфейс каждый раз. Перепишите метод render()
с инструкцией if/else
чтобы, если display
true
, вы возвращаете текущую разметку. В противном случае верните разметку без элемента h1
. Примечание. Вы должны написать if/else
для прохождения тестов. Использование тернарного оператора здесь не будет. MyComponent
должен существовать и визуализироваться.
testString: 'assert((function() { const mockedComponent = Enzyme.mount(React.createElement(MyComponent)); return mockedComponent.find("MyComponent").length === 1; })(), "MyComponent
should exist and render.");'
- text: 'Когда для display
установлено значение true
, необходимо display
div
, button
и h1
.'
testString: 'async () => { const waitForIt = (fn) => new Promise((resolve, reject) => setTimeout(() => resolve(fn()), 250)); const mockedComponent = Enzyme.mount(React.createElement(MyComponent)); const state_1 = () => { mockedComponent.setState({display: true}); return waitForIt(() => mockedComponent )}; const updated = await state_1(); assert(mockedComponent.find("div").length === 1 && mockedComponent.find("div").children().length === 2 && mockedComponent.find("button").length === 1 && mockedComponent.find("h1").length === 1, "When display
is set to true
, a div
, button
, and h1
should render."); }; '
- text: 'Если для display
установлено значение « false
, нужно отобразить только div
и button
.'
testString: 'async () => { const waitForIt = (fn) => new Promise((resolve, reject) => setTimeout(() => resolve(fn()), 250)); const mockedComponent = Enzyme.mount(React.createElement(MyComponent)); const state_1 = () => { mockedComponent.setState({display: false}); return waitForIt(() => mockedComponent )}; const updated = await state_1(); assert(mockedComponent.find("div").length === 1 && mockedComponent.find("div").children().length === 1 && mockedComponent.find("button").length === 1 && mockedComponent.find("h1").length === 0, "When display
is set to false
, only a div
and button
should render."); }; '
- text: Метод render должен использовать оператор if/else
для проверки состояния this.state.display
.
testString: 'getUserInput => assert(getUserInput("index").includes("if") && getUserInput("index").includes("else"), "The render method should use an if/else
statement to check the condition of this.state.display
.");'
```