Problem implementing shufflejs with React

Question

Im trying to implement the library Shufflejs together with ReactJS. Im trying to implement the samplecode for react but when I after installed Shufflejs with npm install shufflejs and paisted the code into index.js in my React application my page renders blank.

I'm a bit lost why that is. Any help would be appreciated!

the code is here on shufflejs: https://vestride.github.io/Shuffle/js/demos/react.js

Please add examples of your code so others can see how to help - are you getting any errors in the console? — user115014
– user115014, Commented Feb 15, 2019 at 14:05
the code is here on shufflejs: vestride.github.io/Shuffle/js/demos/react.js Im on a fresh react install. No I am not getting any errors so everything seems to work but returns blank. The only error message I dig get was: "Line 128: img elements must have an alt prop, either with meaningful text, or an empty string for decorative images " but I fixed that by adding an alt="name" after that no errors. just returns as a blank page — acroscene
– acroscene, Commented Feb 15, 2019 at 14:15

Sylvain Biehler · Accepted Answer · 2019-02-15 17:14:02Z

1

The way you load Shuffle is not correct here. Replace the import statements with

import React, { Component } from 'react'
import ReactDOM from "react-dom";
import Shuffle from 'shufflejs'

answered Feb 15, 2019 at 17:14

Sylvain Biehler

1,43311 silver badges25 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

acroscene Over a year ago

thanks. It worked. Is the declaration const "React = window.React;" for when I load it it with cdn?

Collectives™ on Stack Overflow

Problem implementing shufflejs with React

1 Answer 1

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related