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

Я из другого мира, где я мог бы извлечь логику в сервис / фабрику и использовать ее в своих контроллерах. Я пытаюсь понять, как я могу добиться того же в приложении React. Допустим, у меня есть компонент, который проверяет ввод пароля пользователя (это сила). Эта логика довольно сложна, поэтому я …

177 reactjs  reactjs-flux 

Я использую приложение create-реагировать и предпочитаю не eject. Непонятно, куда должны идти шрифты, импортированные через @ font-face и загруженные локально. А именно загружаю @font-face { font-family: 'Myriad Pro Regular'; font-style: normal; font-weight: normal; src: local('Myriad Pro Regular'), url('MYRIADPRO-REGULAR.woff') format('woff'); } Какие-либо предложения? -- РЕДАКТИРОВАТЬ Включая суть, на которую ссылается Дэн …

177 css  reactjs  fonts  webpack  create-react-app 

Я работал с проектом React с использованием, create-react-appи у меня есть два варианта, чтобы начать проект: Первый способ: npm run startс определением на вот package.jsonтак: "start": "react-scripts start", Второй способ: npm start В чем разница между этими двумя командами? И какова цель этого react-scripts start? Я попытался найти определение, но …

177 reactjs  npm 

В официальных документах React упоминается - Если вы знакомы с методами жизненного цикла класса React, вы можете думать о useEffect Hook как о компонентах componentDidMount, componentDidUpdate и componentWillUnmount вместе. Мой вопрос - как мы можем использовать componentWillMount()метод жизненного цикла в крючке?

176 javascript  reactjs  jsx  react-hooks 

Я очень новичок в React JS (как, только начал сегодня). Я не совсем понимаю, как работает setState. Я комбинирую React и Easel JS, чтобы нарисовать сетку на основе пользовательского ввода. Вот моя корзина JS: http://jsbin.com/zatula/edit?js,output Вот код: var stage; var Grid = React.createClass({ getInitialState: function() { return { rows: 10, …

175 javascript  reactjs  setstate 

Я создаю проект ReactJS с create-react-app пакетом, и он работал хорошо, но я не могу найти файлы и конфигурации webpack. Как работает response-create-app с веб-пакетом? Где находятся файлы конфигурации веб-пакета при установке по умолчанию create-react-app? Я не могу найти файлы конфигурации в папках моего проекта. Я не создал переопределить файл …

174 javascript  reactjs  webpack  ecmascript-6  create-react-app 

Есть ли какое-то "закулисное" отличие от установки элемента innerHTML против установки свойства dangerouslySetInnerHTML для элемента? Предположим, я правильно дезинфицирую вещи ради простоты. Пример: var test = React.createClass({ render: function(){ return ( <div contentEditable='true' dangerouslySetInnerHTML={{ __html: "Hello" }}></div> ); } }); против var test = React.createClass({ componentDidUpdate: function(prevProp, prevState){ this.refs.test.innerHTML = …

172 javascript  html  reactjs 

Я хочу спросить, что означает и делает последнее предложение (экспорт HelloWorld по умолчанию;), но я не могу найти никаких руководств по этому поводу. // hello-world.jsx import React from 'react'; class HelloWorld extends React.Component { render() { return <p>Hello, world!</p>; } } export default HelloWorld;

171 javascript  reactjs 

У меня есть проблема, которую я понятия не имею, как решить. В моем компоненте реакции я отображаю длинный список данных и несколько ссылок внизу. После нажатия на любую из этих ссылок я заполняю список новой коллекцией ссылок и должен прокрутиться до самого верха. Проблема в том, как прокрутить верхнюю панель …

169 scroll  reactjs  render 

С этим кодом: 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? Вот мой конфиг eslint: …

169 javascript  reactjs  eslint 

У меня проблемы с обновлением состояния флажка после того, как ему присвоено значение checked="checked"по умолчанию в React. var rCheck = React.createElement('input', {type: 'checkbox', checked:'checked', value: true}, 'Check here'); После назначения checked="checked"я не могу взаимодействовать с состоянием флажка, щелкнув по нему, чтобы снять / проверить.

169 reactjs  checkbox 

Я новичок в React. Я пытаюсь отключить кнопку, когда поле ввода пусто. Каков наилучший подход в React для этого? Я делаю что-то вроде следующего: <input ref="email"/> <button disabled={!this.refs.email}>Let me in</button> Это верно? Это не просто дублирование динамического атрибута, потому что мне также любопытно перенести / проверить данные из одного элемента …

168 reactjs 

Как я могу загрузить изображение из локального каталога и включить его в reactjs img srcтег? У меня есть изображение, которое вызывается one.jpegв той же папке, что и мой компонент, и я попробовал и то, <img src="one.jpeg" />и другое <img src={"one.jpeg"} />в своей renderфункции, но изображение не отображается. Кроме того, у …

168 reactjs 

Я пытаюсь динамически визуализировать компоненты в зависимости от их типа. Например: var type = "Example"; var ComponentName = type + "Component"; return <ComponentName />; // Returns <examplecomponent /> instead of <ExampleComponent /> Я попробовал решение, предложенное здесь React / JSX имена динамических компонентов Это дало мне ошибку при компиляции (используя …

168 javascript  reactjs  react-jsx 

Я использую React и Redux для разработки веб-приложения, и когда я запустил свой проект, я получил это: Line 13: Unexpected use of 'location' no-restricted-globals Search for the keywords to learn more about each error. Я много искал, как решить эту проблему, но ни один из найденных ответов не помог мне, …

168 javascript  reactjs  react-router  eslint