import React from 'react' ; import Container from 'react-bootstrap/Container' ; import TargetInputSingle , { TargetInputDisabled } from './TargetInputSingle' ; import { useAppSelector } from '../../state/hooks' ; const TartgetInputs = ( ) => { const inputsData = useAppSelector ( ( state ) => state . inputsData ) ; const inputsArr = [ ] ; for ( let i = 0 ; i < inputsData . length ; i ++ ) { inputsArr . push ( < TargetInputSingle index = { i } key = { i } / > ) ; } inputsArr . push ( < TargetInputDisabled key = { - 1 } />); return < Container className = "p-2" > { inputsArr } < /Container>; } ; export default TartgetInputs ;