I have this code :
import React from ‘react’;
import chroma from ‘chroma-js’;
import { colourOptions } from ‘./docs/data’;
import Select from ‘react-select’;
const colourStyles = {
control: styles => ({ …styles, backgroundColor: ‘…
I have a component that gets 2 props, one is another component and the second is a JSON file:
interface HeaderProps {
title: ReactElement<typeof Title>;
data: any;
}
The prop ‘title’ is very specific and shows that only the comp…
I’m new in Next.js, regular to work with create-react-app (ejected).
With the configuration in create-react-app I was able to work with SCSS not in CSS-module approach, but with split SCSS files.
For example:
ComponentA.jsx
import React fr…
I’m coming to you with mocking problem.
What I intend to achieve is possibility to mock several modules outside tested file.
I assume that first answer will be:
You can mock modules inside your tested file, although you are trying to do it…
I want call method in subscribe block, but I got "Cannot read property ‘showMessageFromSocket’ of undefined". How can I call method showMessageFromSocket? In angular it was possible.
export default class ConnectedChatroom extends…
I’m learning front-end development by myself and I’m trying build a simple MyAccount page using React and styled-components. I want to create a simple layout with labels and buttons like this (but prettier of course):
Layout
This is the cu…
On a function call, i want to change the state value using useState and api call with new value.
But state is not changing immediately.
on callAPI() function call i dont get the new value
const [newValue, setNewValue] = useState("&quo…
I’m new with React and TypeScript. I want to add a new row in a table when someone clicks a button (FontAwesomeIcon). I actually don’t even know where to start.
Here’s my code
import React from "react";
import ‘./SchemeFillData.s…
I’m creating form where user can add documents. Each document have 6 inputs (select, text input, date input, file input). User can add as much as he want documents, for example: some users need to add 4 documents, some – 20 and more.
So I’…
This is the two component that I want to pass data from Index component to ViewItem component.
export default class Index extends Component {
constructor(props) {
super(props);
this.state = {
employeeList: [
{
…
Hi I’m a beginner in reactjs, I’m trying map array and insert the file into another array, and after insert, I map the file into the table, but I got Error "Maximum update depth exceeded"
This is my code
import React, { useEffect…
I am using @react-navigation/bottom-tabs in the react-native. And I need the Plus button above the area, So I am able to achieve it, but in the Android Above half area of the Plus icon is not clickable in android. But in IOS it is working…
I have a redux-store with objects of initial values. And this store will get updated at a few places within the child component.
I created a stateless functional component as parent
const Parent = () => {
const store = useSelector(sta…
i got error three.min.js:2 THREE.Object3D.add: object not an instance of THREE.Object3D when try to run the 3D object.
const loader = new THREE.OBJLoader();
loader.load("./model/Room.obj", function (object) {
scene.add(o…
Webpack newbie here, I was told by webpack cli that I needed to provide an alias for crypto as webpack no longer includes default node libraries. Now I’m getting this error, other answers haven’t helped so much. crypto-browserify is trying…
I am trying to create a textbox with an autocomplete feature that pulls suggestions from an API but having trouble updating the state after I receive the array from the API. I am modifying code from here: https://blog.bitsrc.io/building-a…
I have a question about useRef: if I added ref.current into the dependency list of useEffect, and when I changed the value of ref.current, the callback inside of useEffect won’t get triggered.
for example:
export default function App() {
…
If multiple components in a tree of components should render differently based on some shared data (current user, dark or light mode), is it better to create different higher level large components that conditionally render? Or is it bette…
I’m trying to create a react app that calls an api in an express server and displays the data. There are buttons that a user could press that have a value which would get passed into the api and the proper results would be shown.
My proble…
Here is my code from the Head. I checked on https://validator.w3.org/ and it’s ok. Facebook it’s not reading almost any from the head. Not a single meta for example. Meanwhile google it’s reading all the Head, I check the web with https://…