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

Я працюю з reactjs і, здається, не можу запобігти цій помилці при спробі відображення даних JSON (з файлу чи сервера): Uncaught TypeError: this.props.data.map is not a function Я подивився: Закидання коду реагування "TypeError: this.props.data.map не є функцією" React.js this.props.data.map () не є функцією Жодне з них не допомогло мені виправити …

109 javascript  ajax  json  reactjs 

Я намагаюся зробити хороший компонент ApiWrapper для заповнення даних у різних дочірніх компонентах. З усього, що я прочитав, це має працювати: https://jsfiddle.net/vinniejames/m1mesp6z/1/ class ApiWrapper extends React.Component { constructor(props) { super(props); this.state = { response: { "title": 'nothing fetched yet' } }; } componentDidMount() { this._makeApiCall(this.props.endpoint); } _makeApiCall(endpoint) { fetch(endpoint).then(function(response) { …

109 reactjs 

Я прочитав це у підручнику React. Що це означає? Реагуйте безпечно. Ми не генеруємо рядки HTML, тому захист XSS є типовим. Як працюють атаки XSS, якщо React безпечний? Як досягається така безпека?

109 reactjs  security  xss 

Я іноді бачив, як люди withRouterекспортують їх компоненти : import { withRouter } from 'react-router-dom'; class Foo extends React.Component { // ... } export default withRouter(Foo); Для чого це потрібно і коли мені це використовувати?

109 reactjs  react-router 

У мене є об’єкт, який я хочу вивести через REACT question = { text: "Is this a good question?", answers: [ "Yes", "No", "I don't know" ] } і мій компонент реакції (вирізаний), є ще одним компонентом class QuestionSet extends Component { render(){ <div className="container"> <h1>{this.props.question.text}</h1> {this.props.question.answers.forEach(answer => { console.log("Entered"); …

109 reactjs  react-props 

Я думав, і я плутаю маршрутизацію між клієнтом і сервером. Припустимо, я використовую ReactJS для візуалізації на стороні сервера перед відправкою запиту назад у веб-браузер і використовую react-router як маршрутизацію на стороні клієнта для перемикання між сторінками без оновлення як SPA. Що спадає на думку: Як трактуються маршрути? Наприклад, запит …

108 javascript  reactjs  routes  react-router  url-routing 

Я написав десятки Reactфайлів, ніколи не використовую componentDidUpdateметод. Чи є якийсь типовий приклад, коли потрібно використовувати цей метод? Я хочу отримати приклад із реального світу, а не просту демонстрацію. Дякую за відповідь!

108 reactjs 

Чи є спосіб дізнатися версію виконання React у браузері?

108 javascript  reactjs 

Моя реакція webApp видає цю помилку в консолі браузера Refused to load the font 'data:font/woff;base64,d09........' because it` `violates the following Content Security Policy directive: "default-src` `'self'". Note that 'font-src' was not explicitly set, so 'default-src' is used as a fallback. Також: Refused to connect to 'ws://localhost:3000/sockjs-node/782/oawzy1fx/websocket' because it violates the …

108 javascript  reactjs  webpack 

Намагаючись отримати реакційний маршрутизатор (v4.0.0) та реактор-гарячий завантажувач (3.0.0-beta.6), щоб грати приємно, але отримуємо таку помилку в консолі браузера: Попередження: тип React.createElement: недійсний - очікується рядок (для вбудованих компонентів) або клас / функція (для складених компонентів), але отримано: undefined. Ви, ймовірно, забули експортувати компонент із файлу, у якому він визначений. …

108 reactjs  react-router  react-hot-loader 

Використання запропонованого методу: Це результат: Посилання на кнопку , Код між рядками коментарів Мені було цікаво, чи є спосіб обернути Linkелемент із тегу 'react-router'HTML buttonза допомогою реакції. В даний час у мене є Linkкомпоненти для навігації сторінками в моєму додатку, але я хотів би встановити цю функцію у свої кнопки …

108 html  reactjs  button  hyperlink  router 

У мене є компонент React, і всередині renderметоду компонента у мене є щось подібне: render() { return ( <div> <div> // removed for brevity </div> { switch(...) {} } <div> // removed for brevity </div> </div> ); } Зараз справа в тому, що у мене є два divелементи, один вгорі …

108 reactjs 

Закрито . Це питання має бути більш зосередженим . Наразі відповіді не приймаються. Хочете вдосконалити це питання? Оновіть питання, щоб воно зосередило увагу на одній проблемі, лише відредагувавши цю публікацію . Закрито 3 роки тому . Удосконаліть це питання Я новачок у React / Redux. Я використовую завантажене програмне забезпечення …

107 javascript  reactjs  redux 

Я хочу використовувати React для додавання компонентів кілька разів по всій DOM. Ця скрипка показує, що я хочу зробити, і вона не кидає жодних помилок. Ось код: HTML: <div id="container"> <!-- This element's contents will be replaced with the first component. --> </div> <div id="second-container"> <!-- This element's contents will …

107 reactjs 

У мене є простий компонент React, який я підключаю (відображення простого масиву / стану). Щоб не посилатися на контекст для магазину, я хотів би спосіб отримати "відправлення" безпосередньо з реквізиту. Я бачив інших, хто використовує такий підхід, але не мають до цього доступу з якоїсь причини :) Ось версії кожної …

107 javascript  reactjs  redux