React Image is a reactjs component that facilitates loader and fallback lifecycles
Questions tagged [react-image]
62 questions
0
votes
1 answer
Image not loading in React JS
I am new to React JS world, without web pack Image loading properly but when am using webpack Image not loading if image size greater than 24*24 pixel.
if Image size less than (24*24 pixel) then image is loading properly.
Image under…
K Kumar
- 131
- 5
- 14
0
votes
1 answer
How to display spinner or progress bar while image loading?
I am making the react, next.js app on which I am displaying various images:
The user is clicking on the item from the list on the left, and it's getting three images on the right. The images are displaied based on next.js Image component:
…
Panicum
- 794
- 1
- 9
- 32
0
votes
2 answers
Warning: Failed prop type: Invalid prop `source` supplied to `Image`. I have saved path of the image with require() in an object
I am getting this error when I am trying to get the image path which is in the js object stored as a string with require() as a prop.
Warning: Failed prop type: Invalid prop `source` supplied to `Image`.
CategoriesScreen.js
import React from…
Harsh Mishra
- 862
- 3
- 15
- 29
0
votes
0 answers
Why wont React load my images from the src folder?
I'm trying to get images in my react app to showcase some of the brands my family's company sells. I'm thinking of putting it in like a grid, something like this:
(Please excuse my aweful design, its just an idea).
So, I tried adding a picture…
alexholstv
- 146
- 1
- 10
0
votes
2 answers
Rendering local images from database
I'm making a country picker with flags. The country names and flag image name is coming from database, like this (sample):
dataSource: [
{
id: 1,
name: "Afghanistan",
image: '../assets/flags/af.png'
},
{
id: 2,
name: "Bahrain",
image:…
Marco Martin
- 185
- 1
- 4
- 18
0
votes
0 answers
Send multiple images data through React axios in json format instead of formdata?
I want to send multiple images along with some other fields but I want to send those in JSON format instead of formData.
On the server I am using multer for image storing.
Refer to the link for the React…
Ryuk
- 362
- 1
- 6
- 21
0
votes
1 answer
React-images carousel
I am trying to achieve an image/video carousel using https://jossmac.github.io/react-images/
and it should be like this including modal :
I following the code snippet given there but it's not working and I don't see any step by step guide to making…
Max
- 25
- 1
- 8
0
votes
1 answer
React-Images and React-Photo-Gallery Compile Error
I am trying to install React-Photo-Gallery and React-Images to get a lightbox gallery.
I am getting this error:
Error in ./~/react-scrolllock/dist/index.js
Module not found: [CaseSensitivePathsPlugin]…
AnMaree
- 1,771
- 2
- 12
- 11
0
votes
2 answers
How to replace a React component with another one when its state is changed
I'm pretty new with React and this is what i'm trying to accomplish:
I want to show a large image that takes 3-4 seconds to load, so i want to show user a loader, which is achievable using ReactImage from…
Long M K Nguyễn
- 812
- 9
- 32
0
votes
2 answers
Is this only possible with external URLs and not local?
I'm trying to make a photo gallery using react-images, the URLs are correct but the photos themselves are not loading into my web app. I get the broken image icon when switching themodalIsOpen:false to true.
Ive tried looking up examples of the…
Brad G.
- 93
- 1
- 12
0
votes
0 answers
Images take place but doesn't appear in react native
When I try to add an image to my first react native application it doesn't appear even if it take place.
I did like the documentation said but the problem still exists
here's my code:
mohamed saad
- 75
- 2
- 9
0
votes
0 answers
react-slick with react-image-zoom conflict image Zoom not working
i want zoom image with multi slider like eCommerce product
but react-image-zoom conflicting with react-slick
import Slider from 'react-slick';
import ReactImageZoom from 'react-image-zoom';
class product extends Component {
render(){
var…
Praveen Gopagani
- 1
- 5
0
votes
1 answer
React image mapper override highlight for certain areas
I am using the npm package react-image-mapper to map certain areas on a hotel floor plan image. Now I want to add a permanent red highlight on the rooms that are already booked and highlight other rooms with a different color on hover.
The…
Rafay Saleem
- 61
- 7
0
votes
1 answer
Image from Google REST API won't display
In React Native, I am trying to display an image that I retrieve from a fetch (I hard-coded the value here for the purpose of the example):
Manuel RODRIGUEZ
- 2,131
- 3
- 25
- 53
0
votes
1 answer
Why Images not loading, when trying to load from an array in react
I have following code where i am trying to load images from Array, if i try to load a single image it works fine, but if i try to load multiple images it dosent show any image, tho my div test is in the dom.
import React, {Component} from…
noobie-php
- 6,817
- 15
- 54
- 101