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

React (також відомий як React.js або ReactJS) - це бібліотека JavaScript, розроблена Facebook для побудови користувальницьких інтерфейсів. Він використовує декларативну, засновану на компонентах парадигму і прагне бути ефективним та гнучким.

5
Спроба використовувати вибір та перехід у режимі: no-cors
Я можу потрапити на цю кінцеву точку http://catfacts-api.appspot.com/api/facts?number=99через Postman, і вона повернетьсяJSON Крім того, я використовую create-react-додаток і хочу уникати налаштування будь-якого конфігурації сервера. У своєму клієнтському коді я намагаюся використовувати fetchте саме, але я отримую помилку: На запитуваному ресурсі немає заголовка "Access-Control-Allow-Origin". Таким чином, походження http: // localhost: 3000 …

21
React-Native: У програмі не було зареєстровано помилок
Зараз я проходжу підручники "Реактивні сили". Я почав з підручника «Початок роботи», де я створив новий власний проект реагування та успішно впорався з проектом на своєму пристрої. Потім я розпочав підручник з реквізиту , скопіював фрагмент коду і спробував запустити проект ще раз, і на моєму екрані з’явилося таке повідомлення …

5
Чому фрагменти в React 16 кращі, ніж контейнери div?
У React 16.2 Fragmentsдодана покращена підтримка . Додаткову інформацію можна знайти у блозі React тут. Ми всі знайомі з таким кодом: render() { return ( // Extraneous div element :( <div> Some text. <h2>A heading</h2> More text. <h2>Another heading</h2> Even more text. </div> ); } Так, нам потрібен контейнер-діль, але …
165 reactjs 

5
Ім'я динамічного тегу в jsx та React
Я намагаюся написати компонент React. для тегів заголовка html (h1, h2, h3 тощо), де пріоритет заголовка динамічно змінюється на основі пріоритету, визначеного нами в реквізитах. Ось що я намагаюся зробити. <h{this.props.priority}>Hello</h{this.props.priority}> очікуваний вихід: <h1>Hello</h1> Це не працює. Чи можливий спосіб зробити це?
162 reactjs  jsx 


13
this.setState не є зливаються станами, як я б очікував
Я маю такий стан: this.setState({ selected: { id: 1, name: 'Foobar' } }); Потім я оновлюю стан: this.setState({ selected: { name: 'Barfoo' }}); Оскільки я setStateприпускаю злиття, я б очікував, що це буде: { selected: { id: 1, name: 'Barfoo' } }; Але замість цього він їсть id, і стан …

30
Неможливо завантажити скрипт. Переконайтеся, що ви або запускаєте сервер метрополітену, або ваш пакет "index.android.bundle" пакується правильно для випуску
react-native run-androidкоманда припиняється, залишаючи повідомлення в Android-симуляторі. Повідомлення таке: Неможливо завантажити скрипт. Переконайтеся, що ви або запускаєте сервер метрополітену, або що ваш пакет "index.android.bundle" упакований правильно для випуску. Що я роблю неправильно?

9
Отримайте вікно перегляду / висоту вікна в ReactJS
Як отримати висоту вікна перегляду в ReactJS? У звичайному JavaScript я використовую window.innerHeight() але використовуючи ReactJS, я не впевнений, як отримати цю інформацію. Я розумію, що це ReactDOM.findDomNode() працює лише для створених компонентів. Однак це не так для елемента documentабо bodyелемента, який міг би дати мені висоту вікна.

11
Візуалізуйте рядок HTML як реальний HTML в компоненті React
Ось, що я спробував і як це виходить не так. Це працює: <div dangerouslySetInnerHTML={{ __html: "<h1>Hi there!</h1>" }} /> Це не так: <div dangerouslySetInnerHTML={{ __html: this.props.match.description }} /> Властивість опису - це лише звичайний рядок вмісту HTML. Однак він відображається як рядок, а не як HTML чомусь. Будь-які пропозиції?
159 javascript  html  reactjs  jsx 

4
Спеціальна навігація з компонентом Навігатора в React-Native
Я вивчаю можливості React Native , розробляючи демонстраційний додаток із користувацькою навігацією між переглядами за допомогою Navigatorкомпонента . Основний клас додатків відображає навігатор, а всередині renderSceneповертає пройдений компонент: class App extends React.Component { render() { return ( <Navigator initialRoute={{name: 'WelcomeView', component: WelcomeView}} configureScene={() => { return Navigator.SceneConfigs.FloatFromRight; }} renderScene={(route, navigator) …

6
Подія OnChange, використовуючи React JS для спадного меню
var MySelect = React.createClass({ change: function(){ return document.querySelector('#lang').value; }, render: function(){ return( <div> <select id="lang"> <option value="select" onChange={this.change}>Select</option> <option value="Java" onChange={this.change}>Java</option> <option value="C++" onChange={this.change}>C++</option> </select> <p></p> <p value={this.change}></p> </div> ); } }); React.render(<MySelect />, document.body); onChangeПодія не працює.


11
Що означає помилка "Тип елемента JSX" ... "не має жодної конструкції або підписів виклику"?
Я написав код: function renderGreeting(Elem: React.Component<any, any>) { return <span>Hello, <Elem />!</span>; } Я отримую помилку: Тип елемента JSX Elemне має жодної конструкції та підписів виклику Що це означає?

7
Простежте, чому компонент React повторно відображає
Чи є системний підхід до налагодження того, що викликає повторний показ компонента в React? Я поклав простий console.log (), щоб побачити, скільки разів він відображається, але у мене виникають проблеми з з'ясуванням того, що викликає показник компонента кілька разів, тобто (4 рази) в моєму випадку. Чи існує інструмент, який показує …
156 reactjs  redux 

3
Об'єднання змінних і рядків у React
Чи є спосіб включити фігурну фігурну фігурну позначку і hrefтег React ? Скажімо, у нас є таке значення в штаті: {this.state.id} та такі атрибути HTML у тегу: href="#demo1" id="demo1" Чи є спосіб я додати idстан до атрибуту HTML, щоб отримати щось подібне: href={"#demo + {this.state.id}"} Що дасть: #demo1

Використовуючи наш веб-сайт, ви визнаєте, що прочитали та зрозуміли наші Політику щодо файлів cookie та Політику конфіденційності.
Licensed under cc by-sa 3.0 with attribution required.