[ERROR] TypeError
nagayev opened this issue · comments
Marat Nagayev commented
TypeError: Cannot read property 'data-src' of undefined
at react-awesome-slider/dist/index.js:1:20395
My code:
const [projects, setProjects] = React.useState([]);
React.useEffect(() => {
fetch("p.json")
.then((data) => data.json())
.then((data) => setProjects(data))
.catch((err) => console.error(err));
}, []);
...
<AwesomeSlider className="slider">
{projects.map((v, i) => {
<Project data={v} key={i} />;
})}
<div>
<Tiles />
</div>
</AwesomeSlider>
p4w31 !d21k0w541 commented
Make sure that you are binding each of your project video src to video src tag inside your Project component using props or however you prefer e.g.
export default function Project() {
return (
<div>
<video
style={{...}}
controls
src= --> pathToVideo <--
/>
</div>
);
}