qcast3/qcast-front
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

FlowLine contains an input of type text with both value and defaultValue props. Input elements must be either controlled or uncontrolled

Browse Source
This commit is contained in:
ysCha 2025-09-04 17:06:53 +09:00
parent 08ae9ac7b9
commit c5700c62cc
1 changed files with 4 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

8
src/components/floor-plan/modal/movement/type/FlowLine.jsx
View File

@ -12,11 +12,12 @@ export default function FlowLine({ FLOW_LINE_REF }) {
const { getMessage } = useMessage() const { getMessage } = useMessage()
const [type, setType] = useState(FLOW_LINE_TYPE.DOWN_LEFT) const [type, setType] = useState(FLOW_LINE_TYPE.DOWN_LEFT)
const [filledInput, setFilledInput] = useState('') const [filledInput, setFilledInput] = useState('')
const [pointerInput, setPointerInput] = useState('100')
const currentObject = useRecoilValue(currentObjectState) const currentObject = useRecoilValue(currentObjectState)
const handleFocus = () => { const handleFocus = () => {
if (currentObject === null) { if (currentObject === null) {
FLOW_LINE_REF.POINTER_INPUT_REF.current.value = '' setPointerInput('')
FLOW_LINE_REF.FILLED_INPUT_REF.current.value = '' setFilledInput('')
FLOW_LINE_REF.FILLED_INPUT_REF.current.blur() FLOW_LINE_REF.FILLED_INPUT_REF.current.blur()
} }
} }
@ -35,7 +36,7 @@ export default function FlowLine({ FLOW_LINE_REF }) {
<div className="outline-form"> <div className="outline-form">
<span>{getMessage('modal.movement.flow.line.position')}</span> <span>{getMessage('modal.movement.flow.line.position')}</span>
<div className="input-grid mr5"> <div className="input-grid mr5">
<input type="text" className="input-origin block" defaultValue={100} readOnly={true} ref={FLOW_LINE_REF.POINTER_INPUT_REF} /> <input type="text" className="input-origin block" value={pointerInput} readOnly={true} ref={FLOW_LINE_REF.POINTER_INPUT_REF} />
</div> </div>
</div> </div>
<div className="moving-tab-content"> <div className="moving-tab-content">
@ -71,7 +72,6 @@ export default function FlowLine({ FLOW_LINE_REF }) {
<input <input
type="text" type="text"
className="input-origin block" className="input-origin block"
defaultValue={100}
ref={FLOW_LINE_REF.FILLED_INPUT_REF} ref={FLOW_LINE_REF.FILLED_INPUT_REF}
value={filledInput} value={filledInput}
onFocus={handleFocus} onFocus={handleFocus}