Hooks, props, state. Components done right.
Difficulty mix: 6 easy, 3 medium and 1 hard. The questions are drawn from the React library at the moment you start, so sitting the test twice does not give you the same paper.
42 React topics are in scope. These are the real topic labels on the questions.
Six real React questions from the same pool, snippet included. The answer options and explanations are not shown here. Those come after you attempt them.
// this has nothing to do with question, it's a test question
const Abc = () => {
const [a, v] = useState("abc");
return (
<div>
new abc
dkkdkd
<span>
Nice working
</span>
</div>
)
}// legacy pattern
const [snap, setSnap] = useState(store.getSnapshot());
useEffect(() => {
const unsub = store.subscribe(() => setSnap(store.getSnapshot()));
return unsub;
}, []);function Hi({name}){return <p>Hi {name}</p>} <Hi name="Alice"/>const ThemeContext = React.createContext('light');
function App() {
return <Child />; // no Provider anywhere
}
function Child() {
const theme = useContext(ThemeContext);
console.log(theme);
return null;
}<label htmlFor="email">Email</label>
<input id="email" />const [searchParams, setSearchParams] = useSearchParams();
const goToPage = (n) =>
setSearchParams({ page: String(n) });Prefer to pick your own questions? Browse all React questions. See the other 10 tests.