Почему отображается Скрыть детали?

Почему отображается Скрыть детали? Имя правда

let name=true;
const template= (
      <div>
         <h1>Visibility Toggle</h1>
         <button >{name==true ? 'Show details': 'Hide details'}</button>
         <p></p>
      </div>
);

const appRoot=document.getElementById('app');

ReactDOM.render(template,appRoot);

Вы пытались назвать console.info, чтобы убедиться, что это правда? Если это действительно так, тогда "Показать подробности" должно отображаться

Bradey Whitlock 13.09.2018 21:45

Кроме того, сравнение вещей с true или false с == очень опасно в JS. (Многие говорят, что использование ==вообще опасно, и его следует избегать - я не согласен, но определенно есть некоторые подводные камни, о которых следует знать, и это самая большая из них.) Обратите внимание, в частности, что name == true выполняет тест нет, если name правдив. или ложь - для этого вы должны просто использовать гораздо более простой name в качестве теста в вашем тернарном операторе.

Robin Zigmond 13.09.2018 21:50

Я предполагаю, что это не полный пример, и ваша проблема возникает где-то в вашей логике. Вы можете попробовать console.info значение name и попытаться найти виновника. Кроме того, избегайте имен компонентов, начинающихся с маленькой буквы, так как вы не сможете использовать их внутри выражений JSX без повторной привязки их к переменным, начинающимся с заглавной буквы.

user6019272 13.09.2018 21:55

В какой среде вы это делаете?

devserkan 13.09.2018 22:05

Я изменил его на: name? 'Показать детали': 'Скрыть детали'

Szymon 13.09.2018 22:13

@Szymon Это сработало для вас?

Bradey Whitlock 13.09.2018 22:15

но когда я изменил имя на false, он все еще показывает "Показать детали"

Szymon 13.09.2018 22:16

Тогда кажется, что в вашей логике есть проблемы с установкой имени true. Можете ли вы показать больше своего кода или это все? Приведенный выше код должен работать.

Bradey Whitlock 13.09.2018 22:24

Также, если вы установите свое утверждение на true ? 'Show details': 'Hide details', это правильно? Потому что это абсолютно должно показать вам правильный результат.

Bradey Whitlock 13.09.2018 22:25

готов угадать, что у вас есть строка, а не логическое значение.

epascarello 13.09.2018 22:51

@BradeyWhitlock, вот почему я спросил среду :) Это странная проблема. Я не могу воспроизвести его с помощью своих локальных инструментов или любого приличного онлайн-сайта React, но если вы попробуете это с помощью фрагмента кода ответа Stackoverflow, вы сможете воспроизвести его. Я тоже в замешательстве.

devserkan 13.09.2018 22:51

Код в вашем вопросе - это фактический код, который вы используете?

epascarello 13.09.2018 22:57

да. Это мой код. Но в JavaScript переменные имеют автоматически скорректированный тип

Szymon 14.09.2018 17:44
Поведение ключевого слова "this" в стрелочной функции в сравнении с нормальной функцией
Поведение ключевого слова "this" в стрелочной функции в сравнении с нормальной функцией
В JavaScript одним из самых запутанных понятий является поведение ключевого слова "this" в стрелочной и обычной функциях.
Концепция локализации и ее применение в приложениях React ⚡️
Концепция локализации и ее применение в приложениях React ⚡️
Локализация - это процесс адаптации приложения к различным языкам и культурным требованиям. Это позволяет пользователям получить опыт, соответствующий...
Улучшение производительности загрузки с помощью Google Tag Manager и атрибута Defer
Улучшение производительности загрузки с помощью Google Tag Manager и атрибута Defer
В настоящее время производительность загрузки веб-сайта имеет решающее значение не только для удобства пользователей, но и для ранжирования в...
Безумие обратных вызовов в javascript [JS]
Безумие обратных вызовов в javascript [JS]
Здравствуйте! Юный падаван 🚀. Присоединяйся ко мне, чтобы разобраться в одной из самых запутанных концепций, когда вы начинаете изучать мир...
Система управления парковками с использованием HTML, CSS и JavaScript
Система управления парковками с использованием HTML, CSS и JavaScript
Веб-сайт по управлению парковками был создан с использованием HTML, CSS и JavaScript. Это простой сайт, ничего вычурного. Основная цель -...
JavaScript Вопросы с множественным выбором и ответы
JavaScript Вопросы с множественным выбором и ответы
Если вы ищете платформу, которая предоставляет вам бесплатный тест JavaScript MCQ (Multiple Choice Questions With Answers) для оценки ваших знаний,...
3
13
45
0

Другие вопросы по теме