Coding Challenge Practice - Question 6

[Lomanu4]

Today's Question

Create a small React application that displays a series of slides and allows users to navigate through them.

Solution

First, the boilerplate provided:


import React from "react";

function Slides({ slides }) {
return (
<div>
<div id="navigation" className="text-center">
<button data-testid="button-restart" className="small outlined">
Restart
</button>
<button data-testid="button-prev" className="small">
Prev
</button>
<button data-testid="button-next" className="small">
Next
</button>
</div>
<div id="slide" className="card text-center">
<h1 data-testid="title">"Title"</h1>
<p data-testid="text">"Text"</p>
</div>))}
</div>
);
}

export default Slides;

The slides

Пожалуйста Авторизируйтесь или Зарегистрируйтесь для просмотра скрытого текста.