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

У React ви можете чітко створити об'єкт і призначити його як стиль вбудованого. тобто. згадані нижче. var divStyle = { color: 'white', backgroundImage: 'url(' + imgUrl + ')', WebkitTransition: 'all', // note the capital 'W' here msTransition: 'all' // 'ms' is the only lowercase vendor prefix }; var divStyle2 = …

214 reactjs 

У мене виникають проблеми з ReactJS у Facebook. Щоразу, коли я роблю ajax і хочу відобразити HTML-дані, ReactJS відображає їх як текст. (Дивіться рисунок нижче) Дані відображаються через функцію зворотного виклику успіху jquery Ajax. $.ajax({ url: url here, dataType: "json", success: function(data) { this.setState({ action: data.action }) }.bind(this) }); Чи …

212 javascript  jquery  ajax  reactjs 

Я передаю 2 значення дочірньому компоненту: Список об'єктів для відображення функція видалення. Я використовую onClick. Мій код виглядає приблизно так: module.exports = React.createClass({ render: function(){ var taskNodes = this.props.todoTasks.map(function(todo){ return ( <div> {todo.task} <button type="submit" onClick={this.props.removeTaskFunction(todo)}>Submit</button> </div> ); }, this); return ( <div className="todo-task-list"> {taskNodes} </div> ); } }); Моє …

212 javascript  reactjs  button  onclick  dom-events 

Як центрувати текст в ReactNative як в горизонтальному, так і вертикальному напрямку? У мене є приклад програми на rnplay.org, де justifyContent = "центр" і alignItems = "центр" не працює: https://rnplay.org/apps/AoxNKQ Текст повинен бути по центру. І чому між текстом (жовтим) та батьківським контейнером є межа у верхній частині? Код: 'use …

212 reactjs  flexbox  react-native 

Провівши деякий час на вивчення React, я розумію різницю між двома основними парадигмами створення компонентів. Моє запитання - коли я повинен використовувати який і чому? Які переваги / компроміси однієї над іншою? ES6 класи: import React, { Component } from 'react'; export class MyComponent extends Component { render() { return …

211 javascript  reactjs  ecmascript-6  redux 

У роботі я щось дуже заплутано React. В Інтернеті є багато прикладів, які використовують .jsфайли з реагуванням, але багато інших використовують .jsxфайли. Я читав про .jsxфайли, і я розумію, що вони просто дозволяють вам писати HTML-теги в межах вашого javascript. Але те ж саме можна записати і у .jsфайли. Тож …

211 reactjs  jsx 

Я намагаюся надсилати дані від дочірнього компонента до його батьківського, як слід: const ParentComponent = React.createClass({ getInitialState() { return { language: '', }; }, handleLanguageCode: function(langValue) { this.setState({language: langValue}); }, render() { return ( <div className="col-sm-9" > <SelectLanguage onSelectLanguage={this.handleLanguage}/> </div> ); }); і ось дочірній компонент: export const SelectLanguage = …

211 reactjs 

Мій проект базується на додатку create-react-app . npm startабо yarn startза замовчуванням буде запущено програму на порт 3000, і немає можливості вказувати порт у package.json. Як я можу вказати порт, який я обрав у цьому випадку? Я хочу запустити два цього проекту одночасно (для тестування), один у порту 3005та інший …

211 reactjs  npm 

UseEffect Реагувати гачок буде працювати переданий в функції при кожній зміні. Це можна оптимізувати, щоб дозволити йому дзвонити лише тоді, коли потрібні властивості змінюються. Що робити, якщо я хочу викликати функцію ініціалізації componentDidMountта не викликати її знову при змінах? Скажімо, я хочу завантажити об'єкт, але функція завантаження не потребує даних …

210 javascript  reactjs  react-hooks 

Зараз я працюю над рамками React JS та React Native . На півдорозі я натрапив на Immutability або Immutable-JS Library , коли я читав про реалізацію Flux та Redux у Facebook. Питання в тому, чому незмінність так важлива? Що не так у мутуванні предметів? Чи не робить це просто? Надаючи …

205 javascript  reactjs  functional-programming  immutability  immutable.js 

Чи реальні відмінності між цими двома реалізаціями в React? Деякі друзі кажуть мені, що FirstComponent - це зразок, але я не розумію, чому. SecondComponent здається більш простим, оскільки візуалізація викликається лише один раз. Перший: import React, { PropTypes } from 'react' class FirstComponent extends React.Component { state = { description: …

204 javascript  reactjs  components 

Я новачок у Bootstrap і стикався з цією проблемою. У мене є поле введення, і як тільки я ввожу лише одну цифру, функція з onChangeвикликається, але я хочу, щоб вона була викликана, коли я натискаю "Enter", коли було введено ціле число. Та сама проблема з функцією перевірки - вона дзвонить …

204 javascript  twitter-bootstrap  reactjs 

Як вибрати певні бари у react.js? Це мій код: var Progressbar = React.createClass({ getInitialState: function () { return { completed: this.props.completed }; }, addPrecent: function (value) { this.props.completed += value; this.setState({ completed: this.props.completed }); }, render: function () { var completed = this.props.completed; if (completed < 0) { completed = …

204 javascript  reactjs  getelementbyid 

POSTЗапит axios потрапляє на URL-адресу контролера, але встановлюючи нульові значення для мого класу POJO, коли я переглядаю інструменти розробника в хромі, корисне навантаження містить дані. Що я роблю неправильно? Axios POST Запит: var body = { userName: 'Fred', userEmail: 'Flintstone@gmail.com' } axios({ method: 'post', url: '/addUser', data: body }) .then(function …

204 reactjs  react-redux  axios  ajaxform  axios-cookiejar-support 

Я будую щось із React, куди мені потрібно вставити HTML із змінними React у JSX. Чи існує спосіб мати змінну на зразок такої: var thisIsMyCopy = '<p>copy copy copy <strong>strong copy</strong></p>'; і вставити його в такий відреагувати, і чи спрацює це? render: function() { return ( <div className="content">{thisIsMyCopy}</div> ); } …

203 javascript  html  frontend  reactjs  react-jsx