Questions tagged [reactjs]
React is a JavaScript library for building user interfaces. It uses a declarative, component-based paradigm and aims to be efficient and flexible.
13
questions with bounties
1
vote
1
answer
106
views
+50
Screen movement when I click input field
.input--custom {
border: 0.1px solid #cfd7fd;
padding: 15px;
display: block;
height: 100px;
width: 100%;
/* set a fixed width in pixels */
box-sizing: border-box;
/* include border and ...
0
votes
2
answers
49
views
+50
onClick loading per instance using map
loading is being set and passed into props but the loader fires on all instances of item when onClick is pressed on any button. How do I only have the loader run on the button that is pressed?
List....
2
votes
0
answers
87
views
+100
Code splitting in react with respect to serviceworker
I have a react application running on example.com/web, which has menus like register, login, and various other pages mainly static which describe what this app is all about. Now once someone logs in I ...
0
votes
1
answer
50
views
+100
Make the first allotment pane scroll
I have made a draggable split panel by https://github.com/johnwalley/allotment.
At the moment, when we drag up the split bar, the first allotment pane does not scroll. I would like to scroll the first ...
4
votes
2
answers
188
views
+200
SWR mutation does not update the cache using a static method of class as a fetcher
I'm using the swr package. I successfully fetch data using useSWR, but when I try to mutate the data - it does not work, and the cached state of swr does not change (as it should).
I created my custom ...
1
vote
1
answer
65
views
+100
Creating a separate files for just CSF Stories
My current storybook file looks like the following:
Button.stories.js:
import { Button } from './Button';
export default {
title: 'Example/Button',
component: Button,
tags: ['autodocs'],
...
0
votes
0
answers
79
views
+50
Unable to import React hooks from component in npm module
I am publishing a Typescript/React library to npm which exports a higher-order component.
If I try to import React hooks into my component, I get the following error:
Uncaught TypeError: Cannot read ...
2
votes
0
answers
172
views
+250
react / react-cytoscape / cytoscapejs popout window functionality
I am seeking some troubleshooting advice on the following setup:
I'm working on a pop-out / new window functionality for the callback graph debugger in OSS Dash.
Goal: Be able to use the callback ...
0
votes
0
answers
23
views
+50
Chrome android keyboard doesn't reflect inputmode when changing the type property field
the inputmode seems to be ignored by chrome on Android device when changing the input type attribute.
Sample example of the code
class InputApp extends React.Component {
constructor(props) {
...
1
vote
1
answer
36
views
+50
Chart Js Display 2 lines with same labels, not all labels have data point
I am working in react with chart js to display data from a rest call. The data is coming in the way I want it to, but when putting it into chart js, I get 1 line that looks good, but the other goes ...
-1
votes
0
answers
33
views
+50
Getting SyntaxError: Unexpected end of JSON input while using site deployed on Netlify/Render
I have built a Full-stack MERN (React + Node.js + MongoDB) application by following this YouTube tutorial - https://www.youtube.com/watch?v=FcxjCPeicvU
After ensuring both frontend and backend apps ...
0
votes
0
answers
45
views
+50
Sorting capability linked to only one column at a time using react
I am trying to add sorting capability on a grid. No third party library was used to construct this grid and add sorting capabilities. Currently, the way it works is only column is sorting at a time. ...
0
votes
0
answers
46
views
+250
Next.js i18n routing not working for dynamic routes
I have a Next app which has only two routes: an index.tsx and a [slug].tsx. The slug route uses getStaticProps and getStaticPaths to fetch the page from a CMS.
I have enabled internationalized routing ...