Доступ к реквизитам внутри функции экспорта

Как я могу получить доступ к this.props внутри функции экспорта?

export const InactiveItem = () => (
  <span
    style = {{
      borderRadius: 100,
      backgroundColor: '#f5f5f5'
    }}
  >
    Inactive
  </span>
);

Когда я пытаюсь {this.props.value}, моя страница разрывается, и я также не могу создать const для ее сохранения.

Просто используйте присваивание деструктуризации: export const InactiveItem = ({value}) => {...}

— 18.12.2020 21:22

Это функция, которую вы не должны использовать this вместо этого используйте значение, this следует использовать внутри компонентов класса

— 18.12.2020 21:23

@zb22 Спасибо!

— 18.12.2020 21:34

javascript reactjs

18.12.2020 21:17

JavaScript Вопросы с множественным выбором и ответы

Если вы ищете платформу, которая предоставляет вам бесплатный тест JavaScript MCQ (Multiple Choice Questions With Answers) для оценки ваших знаний,...

Раскрытие чувствительных данных

Все внешние компоненты, рассмотренные здесь до сих пор, взаимодействуют с клиентской стороной. Однако, если они подвергаются атаке, они не...

Компонент против элемента в ReactJS - секрет оптимизации производительности за счет повторного использования элементов

Проще говоря, компонент - это фабрика для создания элементов.

Зод: сила проверки и преобразования данных

Сегодня я хочу познакомить вас с библиотекой Zod и раскрыть некоторые ее особенности, например, возможности валидации и трансформации данных, а также...

Эпизод 23/17: Twitter Space о будущем Angular, Tiny Conf

Мы провели Twitter Space, обсудив несколько проблем, связанных с последними дополнениями в Angular. Также прошла Angular Tiny Conf с 25 докладами.

Руководство ChatGPT по продаже мини JS-файлов

JS-файл - это файл, содержащий код JavaScript. JavaScript - это язык программирования, который в основном используется для добавления интерактивности...

219

Перейти к ответу Данный вопрос помечен как решенный

Ответы 1

Ответ принят как подходящий

В функциональном компоненте просто используйте props вместо this.

export const InactiveItem = (props) => (
  <span
    style = {{
      borderRadius: 100,
      backgroundColor: '#f5f5f5'
    }}
  >
    {props.value}
  </span>
);