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

Як я можу отримати висоту елемента після того, як React надає цей елемент? HTML <div id="container"> <!-- This element's contents will be replaced with your component. --> <p> jnknwqkjnkj<br> jhiwhiw (this is 36px height) </p> </div> ReactJS var DivSize = React.createClass({ render: function() { let elHeight = document.getElementById('container').clientHeight return <div …

121 javascript  reactjs 

Розпочато за допомогою функції перевірки реквізиту ReactJS , яка, як кажуть документи, працює лише в «режимі розробки» з міркувань продуктивності. Здається, React підтверджує властивості певного компонента, який я зазначив, але я не пам’ятаю, щоб явно ввімкнув «режим розробки». Я намагався шукати, як запустити / увімкнути режим розробки, але не пощастило.

120 reactjs 

Я щойно почав вивчати ReactJS і виявив, що він дає вам два способи візуалізації сторінок: на серверній та клієнтській стороні. Але я не можу зрозуміти, як це використовувати разом. Це 2 окремі способи побудови програми, чи їх можна використовувати разом? Якщо ми можемо використовувати це разом, як це зробити - …

120 javascript  node.js  client-server  reactjs 

У мене є var TestApp = React.createClass({ getComponent: function(){ console.log(this.props); }, render: function(){ return( <div> <ul> <li onClick={this.getComponent}>Component 1</li> </ul> </div> ); } }); React.renderComponent(<TestApp />, document.body); Я хочу розфарбувати фон елементу списку, який натиснув. Як я можу це зробити в React? Щось на зразок $('li').on('click', function(){ $(this).css({'background-color': '#ccc'}); });

120 javascript  jquery  reactjs 

Я отримую це повідомлення, коли я спробував запустити власний реактивний додаток. Зазвичай такий формат працює на інших багатоекранних навігаціях, але в цьому випадку якось не працює. Ось помилка: Invariant Violation: The navigation prop is missing for this navigator. In react-navigation 3 you must set up your app container directly. More …

120 reactjs  react-native 

Як я слухаю, щоб змінити подію для contentEditableкерування на базі? var Number = React.createClass({ render: function() { return <div> <span contentEditable={true} onChange={this.onChange}> {this.state.value} </span> = {this.state.value} </div>; }, onChange: function(v) { // Doesn't fire :( console.log('changed', v); }, getInitialState: function() { return {value: '123'} } }); React.renderComponent(<Number />, document.body); http://jsfiddle.net/NV/kb3gN/1621/

120 javascript  dom  contenteditable  reactjs 

Я будую додаток, який повинен бути доступний на декількох мовах та локалях. Моє запитання не суто технічне, а скоріше щодо архітектури та моделей, які люди насправді використовують у виробництві для вирішення цієї проблеми. Я не міг знайти для цього жодної "кулінарної книги", тому я звертаюся до свого улюбленого веб-сайту Q …

119 architecture  internationalization  reactjs  translation  redux 

Скажіть, у мене є компонент із візуалізацією, такий: <View style={jewelStyle}></View> Де JewStyle = { borderRadius: 10, backgroundColor: '#FFEFCC', width: 20, height: 20, }, Як я можу зробити колір фону динамічним і довільно призначити? Я намагався { borderRadius: 10, backgroundColor: getRandomColor(), width: 20, height: 20, }, Але завдяки цьому всі екземпляри …

119 css  reactjs  react-native 

Яке значення {...this.props} Я намагаюся використовувати це так <div {...this.props}> Content Here </div>

119 reactjs 

Я пробував приклад useEffect приблизно так, як показано нижче: useEffect(async () => { try { const response = await fetch(`https://www.reddit.com/r/${subreddit}.json`); const json = await response.json(); setPosts(json.data.children.map(it => it.data)); } catch (e) { console.error(e); } }, []); Запустіть фрагмент кодуСховати результатиРозгорніть фрагмент і я отримую це попередження на своїй консолі. Але …

119 javascript  reactjs  react-hooks 

Я використовую Axios під час програмування в ReactJS, і вдаю, що надсилаю запит DELETE на мій сервер. Для цього мені потрібні заголовки: headers: { 'Authorization': ... } і тіло складається з var payload = { "username": .. } Я шукав у міжмережах і виявив лише, що метод DELETE вимагає "param" …

119 javascript  reactjs  http  axios  http-delete 

Я трохи граю з Material-UI . Чи є варіанти для створення макети сітки (як у Bootstrap )? Якщо ні, то який спосіб додати цю функціональність? Є компонент GridList, але, мабуть, він має інше призначення.

118 reactjs  material-design  material-ui  grid-system 

Я хочу мати можливість передавати текст із тегами HTML, наприклад: <MyComponent text="This is <strong>not</strong> working." /> Але всередині MyComponentметоду візуалізації, коли я роздруковую this.props.text, він буквально роздруковує все: This is <strong>not</strong> working. Чи є спосіб зробити React розбору HTML і скинути його належним чином?

118 reactjs 

Я все ще ноб у React, і в багатьох прикладах в Інтернеті я бачу цю різницю в наданні дочірніх елементів, які я вважаю заплутаними. Зазвичай я бачу це: class Users extends React.Component { render() { return ( <div> <h2>Users</h2> {this.props.children} </div> ) } } Але тоді я бачу такий приклад: …

118 reactjs 

Я намагаюся всі способи створення реагувати на додаток. Я спробував з maven, і зараз я намагаюся з системою збирання ящиків-реагуючих додатків від інкубаторів Facebook. Коли я намагався запустити команду create-react-app my-appв npm-середовищі, вона працювала над моєю особистою системою без проблем. Але коли я спробував ту саму команду в своєму робочому …

118 node.js  reactjs  npm  create-react-app