Я использую приложение create-реагировать и предпочитаю не eject. Непонятно, куда должны идти шрифты, импортированные через @ font-face и загруженные локально. А именно загружаю @font-face { font-family: 'Myriad Pro Regular'; font-style: normal; font-weight: normal; src: local('Myriad Pro...
Я из другого мира, где я мог бы извлечь логику в сервис / фабрику и использовать ее в своих контроллерах. Я пытаюсь понять, как я могу добиться того же в приложении React. Допустим, у меня есть компонент, который проверяет ввод пароля пользователя (это сила). Эта логика довольно сложна, поэтому я...
В официальных документах React упоминается - Если вы знакомы с методами жизненного цикла класса React, вы можете думать о useEffect Hook как о компонентах componentDidMount, componentDidUpdate и componentWillUnmount вместе. Мой вопрос - как мы можем использовать componentWillMount()метод жизненного...
Я очень новичок в React JS (как, только начал сегодня). Я не совсем понимаю, как работает setState. Я комбинирую React и Easel JS, чтобы нарисовать сетку на основе пользовательского ввода. Вот моя корзина JS: http://jsbin.com/zatula/edit?js,output Вот код: var stage; var Grid = React.createClass({...
Я создаю проект ReactJS с create-react-app пакетом, и он работал хорошо, но я не могу найти файлы и конфигурации webpack. Как работает response-create-app с веб-пакетом? Где находятся файлы конфигурации веб-пакета при установке по умолчанию create-react-app? Я не могу найти файлы конфигурации в...
Есть ли какое-то "закулисное" отличие от установки элемента innerHTML против установки свойства dangerouslySetInnerHTML для элемента? Предположим, я правильно дезинфицирую вещи ради простоты. Пример: var test = React.createClass({ render: function(){ return ( <div contentEditable='true'...
Я хочу спросить, что означает и делает последнее предложение (экспорт HelloWorld по умолчанию;), но я не могу найти никаких руководств по этому поводу. // hello-world.jsx import React from 'react'; class HelloWorld extends React.Component { render() { return <p>Hello, world!</p>; } }...
С этим кодом: import React from 'react'; import { Link } from 'react-router'; import { View, NavBar } from 'amazeui-touch'; import * as Pages from '../components'; const { Home, ...Components } = Pages; Я получаю эту ошибку eslint: 7:16 error Parsing error: Unexpected token .. Why? Вот мой конфиг...
У меня есть проблема, которую я понятия не имею, как решить. В моем компоненте реакции я отображаю длинный список данных и несколько ссылок внизу. После нажатия на любую из этих ссылок я заполняю список новой коллекцией ссылок и должен прокрутиться до самого верха. Проблема в том, как прокрутить...
У меня проблемы с обновлением состояния флажка после того, как ему присвоено значение checked="checked"по умолчанию в React. var rCheck = React.createElement('input', {type: 'checkbox', checked:'checked', value: true}, 'Check here'); После назначения checked="checked"я не могу взаимодействовать с...
Я использую ReactJS, и когда пользователь щелкает ссылку, я хочу скопировать текст в буфер обмена. Я использую Chrome 52, и мне не нужно поддерживать другие браузеры. Я не понимаю, почему этот код не приводит к копированию данных в буфер обмена. (происхождение фрагмента кода взято из сообщения...
Я использую React и Redux для разработки веб-приложения, и когда я запустил свой проект, я получил это: Line 13: Unexpected use of 'location' no-restricted-globals Search for the keywords to learn more about each error. Я много искал, как решить эту проблему, но ни один из найденных ответов не...
Как я могу загрузить изображение из локального каталога и включить его в reactjs img srcтег? У меня есть изображение, которое вызывается one.jpegв той же папке, что и мой компонент, и я попробовал и то, <img src="one.jpeg" />и другое <img src={"one.jpeg"} />в своей renderфункции, но...
Я пытаюсь динамически визуализировать компоненты в зависимости от их типа. Например: var type = "Example"; var ComponentName = type + "Component"; return <ComponentName />; // Returns <examplecomponent /> instead of <ExampleComponent /> Я попробовал решение, предложенное здесь...
Я новичок в React. Я пытаюсь отключить кнопку, когда поле ввода пусто. Каков наилучший подход в React для этого? Я делаю что-то вроде следующего: <input ref="email"/> <button disabled={!this.refs.email}>Let me in</button> Это верно? Это не просто дублирование динамического...
Я могу поразить эту конечную точку http://catfacts-api.appspot.com/api/facts?number=99через Почтальон, и она возвращаетсяJSON Кроме того, я использую create-реагировать-приложение и хотел бы избежать настройки любого сервера конфигурации. В моем клиентском коде я пытаюсь использовать fetchто же...
В настоящее время я прохожу учебники React-Native. Я начал с учебного пособия «Приступая к работе», в котором я создал новый собственный реактивный проект и успешно запустил его на своем устройстве. Затем я запустил учебник Props , скопировал фрагмент кода и снова попытался запустить проект, и на...
В Реакте 16.2 улучшенная поддержка Fragmentsбыла добавлена. Более подробную информацию можно найти в блоге React здесь. Мы все знакомы со следующим кодом: render() { return ( // Extraneous div element :( <div> Some text. <h2>A heading</h2> More text. <h2>Another...
class PlayerControls extends React.Component { constructor(props) { super(props) this.state = { loopActive: false, shuffleActive: false, } } render() { var shuffleClassName = this.state.toggleActive ? "player-control-icon active" : "player-control-icon" return ( <div
В настоящее время я создаю одностраничное приложение с использованием reactjs. Я читал, что многие причины неиспользования localStorage связаны с уязвимостями XSS. Поскольку React экранирует все данные, вводимые пользователем, будет ли теперь безопасно использовать localStorage?...