This Is My Reactjs Passing Data Correctly

 const[file ,setFile] = useState(null);
 const handleFileChange = (e) =>{
        const file = e.target.files[0];
        if (file) {
            const fileURL = URL.createObjectURL(file);
            setFile(fileURL);
            setProductData(prevState => ({
                ...prevState,
                hinh_anh: file
            }));
        }
    }
return(
<div>
  <label>Hình Ảnh</label>
  <input type='file' className='form-control'  onChange={handleFileChange}/>
  {file && <img src={file} alt="Preview" width="100"  className='mt-2'/>}
</div>
 {
<td><img src={`http://localhost:8081/uploads/${product.hinh_anh}`} alt='Product' width={100}/></td>
 }
)

1. Help me fix the newly added image will be displayed not null

2. {`http://localhost:8081/uploads/${product.hinh_anh}`} // Is this link okay?