В настоящее время я создаю одностраничное приложение с использованием reactjs. Я читал, что многие причины неиспользования localStorage связаны с уязвимостями XSS. Поскольку React экранирует все данные, вводимые пользователем, будет ли теперь безопасно использовать localStorage?...
Вот что я попробовал и как все идет не так. Это работает: <div dangerouslySetInnerHTML={{ __html: "<h1>Hi there!</h1>" }} /> Это не: <div dangerouslySetInnerHTML={{ __html: this.props.match.description }} /> Свойство description - это просто обычная строка содержимого HTML....
Может кто-нибудь объяснить разницу между <Route exact path="/" component={Home} /> и <Route path="/" component={Home} /> Я не знаю значение слова
Я использую приложение create-response-app. Я пытаюсь вызвать изображение из моей общей папки из файла внутри моего src/components. Я получаю это сообщение об ошибке. ./src/components/website_index.js Модуль не найден: вы попытались импортировать ../../public/images/logo/WC-BlackonWhite.jpg,...
react-native run-androidКоманда заканчивается, оставив сообщение в симуляторе Android. Сообщение выглядит следующим образом: Невозможно загрузить скрипт. Убедитесь, что вы используете сервер Metro или что ваш пакет 'index.android.bundle' правильно упакован для выпуска. Что я делаю не...
Как получить высоту области просмотра в ReactJS? В обычном JavaScript я использую window.innerHeight() но используя ReactJS, я не уверен, как получить эту информацию. Я понимаю, что ReactDOM.findDomNode() работает только для созданных компонентов. Однако это не относится к элементу documentor body,...
Я не могу понять, как установить значения свойств по умолчанию для моих компонентов с помощью Typescript. Это исходный код: class PageState { } export class PageProps { foo: string = "bar"; } export class PageComponent extends React.Component<PageProps, PageState> { public render():...
У меня есть следующее состояние: this.setState({ selected: { id: 1, name: 'Foobar' } }); Затем я обновляю состояние: this.setState({ selected: { name: 'Barfoo' }}); Поскольку setStateпредполагается слияние, я ожидаю, что это будет: { selected: { id: 1, name: 'Barfoo' } }; Но вместо этого он ест...
Это пример со страницы приложения Google AdSense. Экран загрузки, отображаемый до главной страницы, отображается после. Я не знаю, как сделать то же самое с React, потому что, если я создаю экран загрузки, отображаемый компонентом React, он не отображается во время загрузки страницы, потому что...
Мне нужно добавить динамический класс в список обычных классов, но я понятия не имею, как (я использую babel), что-то вроде этого: <div className="wrapper searchDiv {this.state.something}"> ... </div> Любые...
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"
Я изучаю возможности React Native при разработке демонстрационного приложения с настраиваемой навигацией между представлениями с помощью Navigatorкомпонента . Основной класс приложения отображает навигатор, а внутри renderSceneвозвращает переданный компонент: class App extends React.Component {...
Я написал некоторый код: function renderGreeting(Elem: React.Component<any, any>) { return <span>Hello, <Elem />!</span>; } Я получаю сообщение об ошибке: Тип элемента JSX Elemне имеет никакой конструкции или сигнатуры вызовов Что это...
Недавно я посмотрел на фреймворк Facebook React . Он использует концепцию под названием «виртуальный DOM», которую я не совсем понял. Что такое виртуальный DOM? Каковы преимущества?...
Есть ли способ включить фигурную скобку React и hrefтег? Скажем, у нас есть следующее значение в состоянии: {this.state.id} и следующие атрибуты HTML для тега: href="#demo1" id="demo1" Есть ли способ добавить idсостояние в атрибут HTML, чтобы получить что-то вроде этого: href={"#demo +...
Существует ли системный подход к отладке того, что вызывает повторную визуализацию компонента в React? Я поместил простой console.log (), чтобы увидеть, сколько раз он рендерится, но у меня возникают проблемы с выяснением того, что вызывает рендеринг компонента несколько раз, т.е. (4 раза) в моем...
Мне нужно создать форму, которая будет отображать что-то на основе возвращаемого значения API. Я работаю со следующим кодом: class App extends React.Component { constructor(props) { super(props); this.state = {value: ''}; this.handleChange = this.handleChange.bind(this); this.handleSubmit =...
Так что это единственный способ рендеринга необработанного HTML с помощью ответной реакции? // http://facebook.github.io/react/docs/tutorial.html // tutorial7.js var converter = new Showdown.converter(); var Comment = React.createClass({ render: function() { var rawMarkup =...
Недавно запущенные функции реагируют только на пример приложения для iOS и
Что эквивалентно функции angular $ watch в React.js? Я хочу прослушивать изменения состояния и вызывать такую функцию, как getSearchResults (). componentDidMount: function() { this.getSearchResults(); }...