Как передать сгенерированную строку компоненту в реакции?

Я хочу сгенерировать строку и передать ее компоненту. У меня есть следующий код для создания строки. Тип опоры viewBoxName - это строка. Этот код не работает. viewBoxName присваивается имени кнопки загрузки.

 const viewBoxName = () => {
  if (downloadReport) {
    return "Last 30 Days Report";
  }
  else return "download report";
}

так выглядит рендер

return (
  <>       
      <ViewBoxTemplate
        loading = {loading}
        viewBoxName = {viewBoxName}
        onClickHeaderButton = {onClickHeaderButton}
        columns = {columns}
        filterSearchBar = {false}
        dataSource = {performedActionList}
       />
  </>

Типы опор viewBoxName указаны ниже

ViewBoxHeader.propTypes = {  viewBoxName: PropTypes.string,

Не могли бы вы быть более конкретными, чем «это не работает»? Что не работает? Можете ли вы включить более полный пример компонента, содержащий эту функцию viewBoxNameа также в код компонента ViewBoxTemplate, чтобы мы могли его изучить?

Drew Reese 30.03.2021 07:48

@DrewReese Я хочу передать строку в viewBoxName. Если доступен отчет о загрузках, это должно быть «последние 30 дней», в противном случае - «отчет о загрузках».

Dmap 30.03.2021 07:56

Значит, это что-то такое же простое, как вызов функции viewBoxName?

Drew Reese 30.03.2021 07:58

@DrewReese, да. Я хочу передать одну из двух строк в зависимости от свойства downLoadReport

Dmap 30.03.2021 08:02

Затем вызовите функцию и передайте возвращаемое значение в опору, то есть viewBoxName = {viewBoxName()}.

Drew Reese 30.03.2021 08:03
Поведение ключевого слова "this" в стрелочной функции в сравнении с нормальной функцией
Поведение ключевого слова "this" в стрелочной функции в сравнении с нормальной функцией
В JavaScript одним из самых запутанных понятий является поведение ключевого слова "this" в стрелочной и обычной функциях.
Концепция локализации и ее применение в приложениях React ⚡️
Концепция локализации и ее применение в приложениях React ⚡️
Локализация - это процесс адаптации приложения к различным языкам и культурным требованиям. Это позволяет пользователям получить опыт, соответствующий...
Навигация по приложениям React: Исчерпывающее руководство по React Router
Навигация по приложениям React: Исчерпывающее руководство по React Router
React Router стала незаменимой библиотекой для создания одностраничных приложений с навигацией в React. В этой статье блога мы подробно рассмотрим...
Массив зависимостей в React
Массив зависимостей в React
Все о массиве Dependency и его связи с useEffect.
2
5
21
0

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