init commit #2740
init commit #2740
Conversation
There was a problem hiding this comment.
Great job! 🎉 Your code meets all the task requirements and constraints. The components are well-structured and handle state management effectively. Keep up the excellent work! If you want to further enhance your skills, consider exploring more advanced state management techniques in the future. 😊
✨ Please rate this review in the Platform's notification center. I will be grateful for your feedback! ✨
| value="" | ||
| onChange={() => {}} | ||
| value={titleInput} | ||
| onChange={setTitleInput} |
There was a problem hiding this comment.
The onChange prop should be a function that takes an event and updates the state. Make sure that setTitleInput and other similar functions are correctly handling the event parameter. Typically, it should be something like onChange={(e) => setTitleInput(e.target.value)}.
| required | ||
| /> | ||
|
|
||
| <TextField name="description" label="Description" value="" /> | ||
| <TextField | ||
| onChange={setDescriptionInput} |
There was a problem hiding this comment.
Similar to the previous comment, ensure that setDescriptionInput correctly handles the event parameter to update the state.
|
|
||
| <TextField name="imgUrl" label="Image URL" value="" /> | ||
| <TextField | ||
| onChange={setImgUrlInput} |
There was a problem hiding this comment.
Ensure that setImgUrlInput correctly handles the event parameter to update the state.
|
|
||
| <TextField name="imdbUrl" label="Imdb URL" value="" /> | ||
| <TextField | ||
| onChange={setImdbUrlInput} |
There was a problem hiding this comment.
Ensure that setImdbUrlInput correctly handles the event parameter to update the state.
|
|
||
| <TextField name="imdbId" label="Imdb ID" value="" /> | ||
| <TextField | ||
| onChange={setimdbIdInput} |
There was a problem hiding this comment.
Ensure that setimdbIdInput correctly handles the event parameter to update the state.
| @@ -45,7 +45,7 @@ export const TextField: React.FC<Props> = ({ | |||
| })} | |||
| placeholder={placeholder} | |||
| value={value} | |||
| onChange={event => onChange(event.target.value)} | |||
| onChange={event => onChange(event.target.value.trimStart())} | |||
There was a problem hiding this comment.
Use trim method, to trim from both sides
DEMO LINK