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

Я новий у ReactJS, і я хочу імпортувати зображення в компонент. Ці зображення знаходяться всередині загальної папки, і я не знаю, як отримати доступ до папки з компонента response. Будь-які ідеї? РЕДАГУВАТИ Я хочу імпортувати зображення всередині Bottom.js або Header.js Папка структури: Я не використовую webpack. Чи я повинен ? …

94 javascript  reactjs 

В основному, у мене є компонент для реагування, його render()функція є такою, як показано нижче: render(){ return ( <div> <Element1/> <Element2/> // note: code does not work here if (this.props.hasImage) <MyImage /> else <OtherElement/> </div> ) }

94 reactjs 

Це мій проект: https://github.com/kenpeter/my_hak_news , який є прямою копією https://github.com/grigio/HAgnostic-News . Клон Git https://github.com/kenpeter/my_hak_news , а потім запустітьreact-native run-android Отримав цю помилку: * What went wrong: Execution failed for task ':app:installDebug'. > com.android.builder.testing.api.DeviceException: com.android.ddmlib.InstallException: Failed to finalize session : INSTALL_FAILED_UPDATE_INCOMPATIBLE: Package com.hagnosticnews signatures do not match the previously installed version; …

94 android  reactjs  react-native 

Дозвольте мені пояснити результат цього коду за те, що я легко поставив своє питання. const ForExample = () => { const [name, setName] = useState(''); const [username, setUsername] = useState(''); useEffect(() => { console.log('effect'); console.log({ name, username }); return () => { console.log('cleaned up'); console.log({ name, username }); }; }, …

94 reactjs  react-hooks 

У мене іноді виникають компоненти реагування, які є концептуально вигідними, і які я хочу скинути. Ідеальна поведінка буде еквівалентно видаленню старого компонента та повторному додаванню нового, первозданного компонента. React надає метод, setStateякий дозволяє встановлювати власний явний стан компонентів, але який виключає неявний стан, такий як фокус браузера та стан форми, …

93 reactjs 

Переглядаючи HTML деяких сторінок, я помітив, що деякі з них використовують цей атрибут "data-reactid", як: <a data-reactid="......" ></a> Що це за атрибут і яка його функція?

93 javascript  html  reactjs 

Я розробляю новий додаток, використовуючи новий React Context API замість Redux, і раніше, Reduxколи, коли мені потрібно було отримати список користувачів, наприклад, я просто закликаю componentDidMountсвою дію, але тепер з React Context, мої дії живуть всередині мій споживач, який знаходиться всередині моєї функції візуалізації, що означає, що кожного разу, коли …

93 reactjs  react-context 

При створенні програми для реагування за замовчуванням викликається працівник служби. Чому використовується службовець? У чому причина виклику за замовчуванням?

93 javascript  reactjs  service-worker 

Без параметра function clickMe(e){ //e is the event } <button onClick={this.clickMe}></button> За допомогою параметра function clickMe(parameter){ //how to get the "e" ? } <button onClick={() => this.clickMe(someparameter)}></button> Я хочу отримати event. Як я можу це отримати?

93 javascript  reactjs  events  dom-events 

Я намагаюся зрозуміти, як переключити активний клас onClickдля зміни властивостей CSS. Я застосував багато підходів і прочитав багато відповідей. Використання jquery було б відносно простим, однак, я не можу зрозуміти, як це зробити за допомогою реакції. Мій код нижче. Хтось може порадити, як мені це робити? Без створення нового компонента …

93 javascript  reactjs 

Я бачу лише фактичну програму під /public. Конфігурації в webpack.config.jsнаведені нижче: var path = require('path'); var webpack = require('webpack'); module.exports = { entry: [ 'webpack-dev-server/client?http://localhost:8080', 'webpack/hot/only-dev-server', './app/js/App.js' ], output: { path: path.join(__dirname, 'public'), filename: 'bundle.js', publicPath: 'http://localhost:8080' }, module: { loaders: [ { test: /\.js$/, loaders: ['react-hot', 'babel-loader'], exclude: /node_modules/ …

93 node.js  reactjs  webpack  reactjs-flux  webpack-dev-server 

Я працюю над проектом в React і зіткнувся з проблемою, яка мене наткнула. Щоразу, коли я запускаю, yarn startя отримую цю помилку: TypeError [ERR_INVALID_ARG_TYPE]: Аргумент "path" повинен бути тип рядка. Отриманий тип не визначений Я поняття не маю, чому це відбувається, якщо хтось це пережив, я був би вдячний.

92 javascript  reactjs  redux  visual-studio-code  yarnpkg 

Що викликає наступну проблему? Чи не підтримується моя версія SDK для Android? Starting JS server... Building and installing the app on the device (cd android && gradlew.bat installDebug)... FAILURE: Build failed with an exception. * What went wrong: A problem occurred configuring project ':app'. > failed to find Build Tools …

92 javascript  android  reactjs  react-native 

Я хочу динамічно включати / опускати відключений атрибут елемента кнопки. Я бачив безліч прикладів динамічних значень атрибутів, але не самих атрибутів. У мене є така функція візуалізації: render: function() { var maybeDisabled = AppStore.cartIsEmpty() ? "disabled" : ""; return <button {maybeDisabled}>Clear cart</button> } Це видає помилку синтаксичного аналізу через символ …

92 reactjs 

Наскільки я знаю і виправляю мене, якщо я помиляюся, redux-thunk - це проміжне програмне забезпечення, яке допомагає нам відправляти функції асинхронізації та налагоджувати значення в самій дії, тоді як, коли я використовував redux-обіцянку, я не міг створити асинхронні функції, не реалізуючи власні механізм, оскільки Action видає виняток з диспетчеризації лише …

92 reactjs  redux  redux-thunk  redux-promise