Вопросы с тегом «reactjs»

В моем приложении для реагирования я использую axios для выполнения запросов REST api. Но он не может отправить заголовок авторизации с запросом. Вот мой код: tokenPayload() { let config = { headers: { 'Authorization': 'Bearer ' + validToken() } } Axios.post( 'http://localhost:8000/api/v1/get_token_payloads', config ) .then( ( response ) => { …

120 reactjs  rest  token  axios  access-token 

Я создаю приложение, которое должно быть доступно на нескольких языках и в разных регионах. Мой вопрос не чисто технический, а скорее об архитектуре и шаблонах, которые люди фактически используют в производстве для решения этой проблемы. Я нигде не нашел для этого никакой "кулинарной книги", поэтому перехожу на свой любимый сайт …

119 architecture  internationalization  reactjs  translation  redux 

Скажем, у меня есть компонент с таким рендером: <View style={jewelStyle}></View> Где jewelStyle = { borderRadius: 10, backgroundColor: '#FFEFCC', width: 20, height: 20, }, Как сделать цвет фона динамическим и назначенным случайным образом? я пробовал { borderRadius: 10, backgroundColor: getRandomColor(), width: 20, height: 20, }, Но это заставляет все экземпляры View …

119 css  reactjs  react-native 

Каково значение {...this.props} Я пытаюсь использовать это так <div {...this.props}> Content Here </div>

119 reactjs 

Кажется, я не могу найти, как обновить параметры запроса с помощью response-router без использования <Link/>. hashHistory.push(url)похоже, не регистрирует параметры запроса, и не похоже, что вы можете передать объект запроса или что-то еще в качестве второго аргумента. Как изменить URL - адрес от /shop/Clothes/dressesк /shop/Clothes/dresses?color=blueв реакции-маршрутизатор без использования <Link>? И onChangeдействительно …

119 reactjs  react-router 

Я просто начинаю работать над проектом React с TypeScript и спрашиваю себя, что мне делать с обычными файлами классов? Должен ли я использовать .tsили .tsxfiles, и тогда я не мог найти причины не использовать .tsxфайл постоянно, даже если это не проект React! Есть ли причина или конкретная ситуация, по которой …

119 javascript  reactjs  typescript 

Я знаю, что в vanilla js мы можем сделать onclick="f1();f2()" Что было бы эквивалентом двух вызовов функций onClick в ReactJS? Я знаю, что вызов одной функции выглядит так: onClick={f1}

119 javascript  reactjs 

Я немного поиграю с Material-UI . Есть ли какие-нибудь варианты создания макета сетки (как в Bootstrap )? Если нет, как можно добавить эту функцию? Есть компонент GridList, но я предполагаю, что он имеет другое назначение.

118 reactjs  material-design  material-ui  grid-system 

Я хочу иметь возможность передавать текст с помощью тегов HTML, например: <MyComponent text="This is <strong>not</strong> working." /> Но внутри MyComponentметода render, когда я распечатываю this.props.text, он буквально выводит все: This is <strong>not</strong> working. Есть ли способ заставить React анализировать HTML и правильно его выгружать?

118 reactjs 

Я все еще новичок в React, и во многих примерах в Интернете я вижу этот вариант рендеринга дочерних элементов, который меня сбивает с толку. Обычно я вижу это: class Users extends React.Component { render() { return ( <div> <h2>Users</h2> {this.props.children} </div> ) } } Но потом я вижу такой пример: …

118 reactjs 

Я знаю, что я не должен изменять ввод и должен клонировать объект, чтобы изменить его. Я следовал соглашению, используемому в стартовом проекте redux, который использовал: ADD_ITEM: (state, action) => ({ ...state, items: [...state.items, action.payload.value], lastUpdated: action.payload.date }) для добавления элемента - я использую распространение, чтобы добавить элемент в массив. для …

118 javascript  reactjs  redux 

Я пробую все способы создания реагирующего приложения. Я пробовал с maven, и теперь я пытаюсь использовать систему сборки приложений crate-response-app от инкубаторов Facebook. Когда я попытался запустить команду create-react-app my-appв среде npm, она работала в моей личной системе без проблем. Но когда я попробовал ту же команду в своей рабочей …

118 node.js  reactjs  npm  create-react-app 

Будучи новичком в мире React, я хочу глубоко понять, что происходит, когда я использую, {this.props.children}и в каких ситуациях можно использовать то же самое. Насколько это актуально в приведенном ниже фрагменте кода? render() { if (this.props.appLoaded) { return ( <div> <Header appName={this.props.appName} currentUser={this.props.currentUser} /> {this.props.children} </div> ); } }

118 javascript  reactjs  react-redux  frontend 

Я хочу, чтобы мое приложение ReactJS уведомляло пользователя при переходе с определенной страницы. В частности, всплывающее сообщение, напоминающее ему / ей о действии: «Изменения сохранены, но еще не опубликованы. Сделать это сейчас?» Должен ли я запускать это react-routerглобально или это можно сделать на странице / компоненте реакции? Я не нашел …

118 reactjs  react-router 

Поскольку я использую response-router для обработки моих маршрутов в приложении реагирования, мне любопытно, есть ли способ перенаправления на внешний ресурс. Скажите, что кто-то ударил: example.com/privacy-policy Я хочу перенаправить его на: example.zendesk.com/hc/en-us/articles/123456789-Privacy-Policies Я не нашел никакой помощи в том, чтобы избежать написания его на простом JS при загрузке index.html с чем-то …

118 javascript  reactjs  redirect  react-router  react-router-redux