im really stuck on this question anyone help?

Question

function

Search(props) {
const [val, setVal] = useState(

props

.q);

<div>
<input type="text" value={val} />
<button>Search</button>
</div>;
}

Answer 1

first of all, you have already defined your function. you need to access q through props (props.q) and return the dive element

function Search(props) {

const [val, setVal] = useState(props.q);
return <div>

<input type="text" value={val} />

<button>Search</button>

</div>;

}

Answer 2

what exactly do you need help with?

Answer 3

function
props
return

Answer 4

function
Search(props) {

const [val, setVal] = useState(
props
.q);

return
<div>

<input type="text" value={val} />

<button>Search</button>

</div>;

}