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

Я не зовсім розумію систему сіток React Material-UI. Якщо я хочу використовувати компонент форми для входу, який найпростіший спосіб відцентрувати його на екрані на всіх пристроях (мобільних та настільних)?

77 reactjs  mobile  login  material-ui  desktop 

Я намагався зрозуміти, як динамічно додавати зображення за допомогою React та Webpack. У мене є папка із зображеннями під src / images та компонент під src / components / index . Я використовую url-loader з наступною конфігурацією для webpack { test: /\.(png|jpg|)$/, loader: 'url-loader?limit=200000' } У межах компонента, який я …

77 reactjs  webpack  image-loading  urlloader 

Спроба зробити щось, на мій погляд, була б дуже простою. Я хотів би імпортувати існуючу бібліотеку JavaScript, а потім викликати її функції. Так, наприклад, я хотів би імпортувати blah.js, а потім викликати blah (). import React from 'react'; import {blah} from 'blah/js/blah.js'; class MyClass extends React.Component { constructor() { super(); …

77 reactjs  ecmascript-6  webpack 

Яка різниця між PropTypes.objectOfта PropTypes.shape? У документах : // An object with property values of a certain type optionalObjectOf: PropTypes.objectOf(PropTypes.number) проти // An object taking on a particular shape optionalObjectWithShape: PropTypes.shape({ color: PropTypes.string, fontSize: PropTypes.number }) Коли я повинен використовувати objectOfі коли я повинен використовувати shape?

77 reactjs  react-proptypes 

У нас є список лекцій та розділів, де користувач може їх вибрати та скасувати вибір. Два списки зберігаються у сховищі redux. Тепер ми хочемо зберегти подання вибраних лекцій-пульсів та шлейфів розділів у хеш-тезі URL-адреси, і будь-які зміни в URL-адресі також повинні змінити сховище (двостороння синхронізація). Що було б найкращим рішенням …

76 javascript  reactjs  react-router  redux  react-router-redux 

Зараз я намагаюся зрозуміти, як обробляти диспетчеризацію дії в компоненті на основі зміни даних після відправлення в інший компонент. Візьмімо цей сценарій: dispatch(someAjax) -> властивість у державних оновленнях. Після цього мені потрібен інший компонент, який залежить від цієї ж властивості, щоб знати, що оновлено, і відправити дію на основі нового …

76 reactjs  redux  redux-thunk 

Список властивостей документа не включає onClick ( http://www.material-ui.com/#/components/icon-button ) Як я знаю, що мені потрібно використовувати onClick для обробника кліків?

76 reactjs  material-ui 

Чи можна зберігати об'єкт у стані компонента React? Якщо так, то як ми можемо змінити значення ключа в цьому об’єкті за допомогою setState? Я думаю, що синтаксично не дозволяється писати щось на зразок: this.setState({ abc.xyz: 'new value' }); У подібних рядках я маю ще одне запитання: чи нормально мати набір …

76 javascript  reactjs 

У мене є магазин зі списком товарів. Коли моя програма вперше завантажується, мені потрібно десериалізувати елементи, як при створенні деяких об’єктів у пам’яті на основі елементів. Елементи зберігаються в моєму магазині redux і обробляються itemsReducer. Я намагаюся використовувати redux-saga для обробки десериалізації як побічний ефект. При завантаженні першої сторінки я …

76 javascript  reactjs  redux  redux-saga 

Я намагаюся імпортувати файл зображення в один із компонентів реакції. У мене налаштування проекту з веб-пакетом Ось мій код компонента import Diamond from '../../assets/linux_logo.jpg'; export class ItemCols extends Component { render(){ return ( <div> <section className="one-fourth" id="html"> <img src={Diamond} /> </section> </div> ) } } Ось моя структура проекту. Я …

76 javascript  reactjs  webpack 

Зараз я вивчаю React і намагаюся зрозуміти, як використовувати його з Redux для створення мобільного додатка. Я трохи заплутався у тому, як вони пов’язані / використовуються разом. Наприклад, я завершив цей підручник у React https://www.raywenderlich.com/99473/introducing-react-native-building-apps-javascript , але зараз я хочу пограти з додаванням деяких редукторів / дій до цього додатка …

76 javascript  mobile  reactjs  redux  reducers 

Я знаю, що для 'class' ми повинні використовувати className, але як я можу реагувати на збереження атрибута 'for'? Наступні: <label for="recipient-name" className="control-label">Recipient:</label> відображається як: <label class="control-label">Recipient:</label> на непов’язаній ноті мене дратує те, що я не можу змінювати атрибути за допомогою консолі chrome під час використання React. чи є спосіб обійти …

75 javascript  reactjs 

Я трохи возився з React, і мені це дуже подобається. Це набагато детальніше, ніж Angular (ng-повторення з | фільтром безцінне), але добре. Річ, яка мене хвилює, полягає в тому, як я повинен використовувати React із шаблонами Django. Чи слід розміщувати весь javascript у шаблонах разом із розміткою "HTML". Реалізація Angular …

74 django  angularjs  reactjs 

Як виправити Could not find plugin "proposal-numeric-separator", я отримую цю помилку, коли намагаюся створити свою програму React, я ще не викинув програму: ./src/index.js Error: [BABEL] /home/pc/Downloads/project/src/index.js: Could not find plugin "proposal-numeric-separator". Ensure there is an entry in ./available-plugins.js for it. (While processing: "/home/pc/Downloads/project/node_modules/babel-preset-react-app/index.js$0") at Array.map (<anonymous>) at Generator.next (<anonymous>) at …

60 reactjs  build  yarnpkg 

Після оновлення до реальної 0,61 я отримую багато попереджень: VirtualizedLists should never be nested inside plain ScrollViews with the same orientation - use another VirtualizedList-backed container instead. Що ще, VirtualizedList-backed containerщо я повинен використовувати, і чому зараз радять не користуватися таким?

38 javascript  reactjs  react-native