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

Я намагаюся побудувати проект за допомогою webpack і реагувати на цю конфігурацію веб-пакета: var path = require('path'); var webpack = require('webpack'); module.exports = { entry: [ 'babel-polyfill', './app/less/main.less', './app/main.js', 'webpack-dev-server/client?http://localhost:8080' ], output: { publicPath: '/', filename: 'dist/main.js' }, debug: true, devtool: 'source-map', module: { loaders: [ { test: /\.js$/, include: …

80 reactjs  webpack  babeljs 

Як я можу експортувати безглуздий компонент без громадянства? Якщо я використовую клас, це працює: import React, { Component } from 'react'; export default class Header extends Component { render(){ return <pre>Header</pre> } } Однак якщо я використовую чисту функцію, я не можу змусити її працювати. import React, { Component } …

80 javascript  reactjs  ecmascript-6  export 

Я намагаюся налаштувати маршрутизатор реакцій у прикладі програми, і я отримую таку помилку: You should not use <Link> outside a <Router> Мій додаток налаштовано так: Батьківський компонент const router = ( <div className="sans-serif"> <Router histpry={browserHistory}> <Route path="/" component={Main}> <IndexRoute component={PhotoGrid}></IndexRoute> <Route path="/view/:postId" component={Single}></Route> </Route> </Router> </div> ); render(<Main />, document.getElementById('root')); …

80 reactjs  react-router  jsx 

Як використовувати радіус межі в React Native лише для 1 кута? У мене є модальне вікно Як бачите, кути низу не закруглені, це трапляється, коли я використовував backgroundColor для кнопок. Я намагався встановити переповнення прихованим до модальної обгортки, і це мені не допомогло. Тепер я хочу використовувати радіус межі до …

80 javascript  reactjs  react-native 

Я створив невелику інформаційну панель ReactJS за допомогою SocketIO для поточних оновлень. Незважаючи на те, що у мене оновлюється інформаційна панель, мене хвилює, що я не зовсім впевнений, чи правильно це зробив. Найбільше мене зловживає Props у getInitialState як пост -шаблон . Я створив інформаційну панель, яка отримує поточні оновлення …

79 reactjs 

Я використовую завантажувач стилів з веб-пакетом і реагую на фреймворк. Коли я запускаю webpack у терміналі, я отримую Module not found: Error: Cannot resolve module 'style-loader'файл import.js, хоча я правильно вказав шлях до файлу. import '../css/style.css'; import React from 'react'; import ReactDOM from 'react-dom'; import jQuery from 'jquery'; import TopicsList …

79 javascript  reactjs  webpack  webpack-style-loader 

Я Imageстилюю компонент за допомогою flexbox, щоб він знаходився в центрі екрана, що працює досить добре. Тепер я хочу, щоб другий Imageкомпонент відображався безпосередньо у верхній частині першого. Друге зображення використовує абсолютне позиціонування. В даний час я просто вгадую пікселі, щоб вони підходили, але, звичайно, це не точно і занадто …

79 javascript  ios  reactjs  react-native 

Я прагну створити компонент без стану, inputелемент якого може перевіряти батьківський компонент. У наведеному нижче прикладі я стикаюся з проблемою, коли введення refніколи не призначається приватній _emailAddressвласності батьків . Коли handleSubmitвикликається, this._emailAddressє undefined. Щось мені не вистачає, чи є кращий спосіб це зробити? interface FormTestState { errors: string; } class …

79 reactjs  typescript  jsx 

У React JSX, здається, неможливо зробити щось подібне: render: function() { return ( <{this.props.component.slug} className='text'> {this.props.component.value} </{this.props.component.slug}> ); } Запустіть фрагмент кодуСховати результатиРозгорніть фрагмент Я отримую помилку синтаксичного аналізу: Несподіваний маркер {. Хіба це не те, що реагує React? Я розробляю цей компонент так, щоб під капотом значення, що зберігаються …

78 javascript  reactjs 

У мене є компонент React, і я хочу завантажити свої дані JSON із файлу. На даний момент журнал консолі не працює, хоча я створюю дані змінних як глобальні 'use strict'; var React = require('react/addons'); // load in JSON data from file var data; var oReq = new XMLHttpRequest(); oReq.onload = …

78 javascript  ajax  json  xmlhttprequest  reactjs 

Чи існує спосіб використання компонентів або завершення HTML у Visual Studio Code? Оскільки вводити кожну букву вручну - це не гарна ідея, коли у нас є такі класи, як Bootstrap і т.д.ul>li*2>a var React = require('react'); var Header = React.createClass({ render: function () { return ( <nav className="navbar navbar-defaullt"> <div …

78 reactjs  autocomplete  visual-studio-code  jsx  emmet 

Я отримую цю помилку під час використання useStateгачка. Я маю це в базовій формі, дивлячись на реакційні документи для посилання, але все ще отримую цю помилку. Я готовий до моменту долоні обличчя ... export function Header() { const [count, setCount] = useState(0) return <span>header</span> }

78 javascript  reactjs  react-hooks 

Я почав писати базовий код React у піднесеному тексті. Ось як виглядає підсвічування синтаксису. Це частково виділено. Чи є якийсь запропонований піднесений плагін, яким я можу скористатися, щоб побачити повне виділення синтаксису? import React, { Component } from 'react' import { connect } from 'react-redux' // <-- is the glue …

78 javascript  reactjs  sublimetext3  syntax-highlighting 

Я обробляю синтаксис ES6 у React і пишу такі компоненти: export default class Loginform extends React.Component { getInitialState() { return { name: '', password: '' }; }; } але браузер підказує мені: Попередження: getInitialState було визначено в Loginform, звичайному класі JavaScript. Це підтримується лише для класів, створених за допомогою React.createClass. …

77 reactjs 

componentDidMount(prevProps, prevState, prevContext) { let [audioNode, songLen] = [this.refs.audio, List.length-1]; audioNode.addEventListener('ended', () => { this._endedPlay(songLen, () => { this._currSong(this.state.songIndex); this._Play(audioNode); }); }); audioNode.addEventListener('timeupdate', () => { let [remainTime, remainTimeMin, remainTimeSec, remainTimeInfo] = []; if(!isNaN(audioNode.duration)) { remainTime = audioNode.duration - audioNode.currentTime; remainTimeMin = parseInt(remainTime/60); // 剩余分 remainTimeSec = parseInt(remainTime%60); // 剩余秒 …

77 reactjs