Запитання з тегом «reactjs»

Я просто починаю працювати над проектом React з TypeScript і запитую себе, що мені робити з файлами звичайного класу? Чи повинен я використовувати .tsабо .tsxфайли, і тоді я не міг знайти жодної причини не використовувати .tsxфайл постійно, навіть якщо це не проект React! Чи є якась причина чи конкретна ситуація, …

118 javascript  reactjs  typescript 

Будучи початківцем у реагуванні світу, я хочу глибоко зрозуміти, що відбувається, коли я використовую, {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 

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

118 reactjs  rest  token  axios  access-token 

Я отримую нижченаведену помилку щоразу, коли намагаюся використовувати makeStyles()з компонентом методи життєвого циклу: Недійсний дзвінок підключення. Гачки можна викликати лише всередині тіла функціонального компонента. Це може статися з однієї з таких причин: Можливо, у вас є невідповідні версії React та візуалізатора (наприклад, React DOM) Можливо, ви порушуєте Правила гачків У …

118 reactjs  material-ui 

Коли я запускаю, react-native run-iosзбірка вдається, але я отримую помилку нижче. Я перевіряв всюди, але, здається, нічого не працює. Використання sudoперед командою також не допомагає. Я використовую Xcode 7.3, react-native-cli: 0.2.0, react-native: 0.24.1, node v5.11.0. === BUILD TARGET mobileTests OF PROJECT mobile WITH CONFIGURATION Release === Check dependencies ** BUILD …

117 ios  reactjs  react-native 

Я створюю додаток, який використовує webpack-dev-сервер у розробці разом із реактор-роутером. Схоже, що webpack-dev-сервер побудований на основі припущення, що ви матимете публічну точку входу в одному місці (тобто "/"), тоді як реактор-маршрутизатор передбачає необмежену кількість точок входу. Я хочу отримати переваги webpack-dev-сервера, особливо функцію гарячого перезавантаження, яка чудово підходить для …

117 javascript  reactjs  webpack  react-router 

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

117 reactjs  react-router 

Я щойно встановив node.js & cli встановлено node.js встановлено react-native-cli npm -g react-native-cli І створив "новий проект". react-native init new_project і всередині цього каталогу «new_project» я втомився бачити, чи добре працює пакувальник метро. react-native start Але команда дала мені наступну помилку, і метро не запускається. Будь-яка підказка для виправлення цієї …

117 reactjs  react-native  react-native-android  react-native-cli  metro-bundler 

Під час налаштування React в рамках проекту Django я натрапив на цю помилку Не вдалося збігти ModuleBuildError у модулі (від ./node_modules/babel-loader/lib/index.js): SyntaxError: C: \ Users \ 1Sun \ Cebula3 \ cebula_react \ properties \ js \ index.js: Підтримка експериментального синтаксису classProperties "наразі не ввімкнено (17: 9): 15 | 16 | …

117 reactjs  webpack  babeljs  babel 

Я отримую таку помилку при спробі запустити програму React: ./src/components/App/App.js Помилка спроби імпорту: 'combReducers' не експортується з '../../store/reducers/'. Ось як я експортую combineReducers: import { combineReducers } from 'redux'; import userReducers from './userReducers'; import articleReducers from './articleReducers'; export default combineReducers({ userReducers, articleReducers }); і ось як я їх імпортую в …

117 reactjs  redux 

Я використовую додаток create response для завантаження програми. Я додав два .envфайли .env.developmentі .env.productionв кореневій. Моє .env.developmentвключає: API_URL=http://localhost:3000/api CALLBACK_URL=http://localhost:3005/callback Коли я запускаю свою програму за допомогою react-scripts startі консолі, process.envвона спливає { NODE_ENV: "development", PUBLIC_URL: "" } Я пробував різні речі, але це просто не збирання змінних у моєму файлі …

117 reactjs  create-react-app 

Я починаю використовувати Facebook React у проекті Backbone, і поки це йде дуже добре. Однак я помітив деяке дублювання, яке повзе до мого коду React. Наприклад, у мене є кілька форм-подібних віджетів з станами , такими як INITIAL, SENDINGі SENT. При натисканні кнопки форму потрібно перевірити, зробити запит, а потім …

116 javascript  refactoring  mixins  reactjs 

Я знаю, що я не повинен мутувати вхід і повинен клонувати об'єкт, щоб його мутувати. Я дотримувався конвенції, застосованої у проекті редукційного старту, який використовував: ADD_ITEM: (state, action) => ({ ...state, items: [...state.items, action.payload.value], lastUpdated: action.payload.date }) для додавання елемента - я використовую спред для додавання елемента в масив. для …

116 javascript  reactjs  redux 

Я починаю з React.js, і я хочу зробити просту форму, але в документації я знайшов два способи зробити це. Перший з них використовує Refs : var CommentForm = React.createClass({ handleSubmit: function(e) { e.preventDefault(); var author = React.findDOMNode(this.refs.author).value.trim(); var text = React.findDOMNode(this.refs.text).value.trim(); if (!text || !author) { return; } // TODO: …

116 reactjs 

Я знаю, що у ванільному js ми можемо зробити onclick="f1();f2()" Що було б еквівалентом для здійснення двох функціональних дзвінків onClick в ReactJS? Я знаю, виклик однієї функції такий: onClick={f1}

116 javascript  reactjs