Added loading/savior behaviour + buttons #24
@@ -1,4 +1,4 @@
|
|||||||
import {useState} from "react";
|
import {useEffect, useState} from "react";
|
||||||
import styles from "./TextField.module.css";
|
import styles from "./TextField.module.css";
|
||||||
|
|
||||||
/**
|
/**
|
||||||
@@ -86,6 +86,9 @@ export function TextField({
|
|||||||
}) {
|
}) {
|
||||||
const [inputValue, setInputValue] = useState(value);
|
const [inputValue, setInputValue] = useState(value);
|
||||||
|
|
||||||
|
// Re-render when the value gets updated externally
|
||||||
|
useEffect(() => setInputValue(value), [setInputValue, value]);
|
||||||
|
|
||||||
const onCommit = () => setValue(inputValue);
|
const onCommit = () => setValue(inputValue);
|
||||||
|
|
||||||
return <RealtimeTextField
|
return <RealtimeTextField
|
||||||
|
|||||||
Reference in New Issue
Block a user