react-currency-input | This project was bootstrapped with Create React | Frontend Framework library

I have the stake component that is rendered 4 times in the parent class component. I am trying to pass valueNewStake as prop to its parent component and group all the inputs in one common array (see allStakes). For a reason I am not able to change the state and also the dom does not render the button next to the component. Can anyone explain me why it is happening as I am new in react. Thanks

I'm using Typescript with react and i'm trying to create a component using Generic in tsx. When I created the component, my IDE didn't complain about the syntax and everything seemed to be working properly, but then when I try to run the app, Typescript compiler throw an exception in the console telling me that the syntax is not supported so I assume that the problem is actually coming from by babel configuration. I'm not sure if it's babel or webpack I tried different solution available in the internet but none of them solved the issue so far.

My component:

I need a currency amount input. Is there anyway to customize the InputNumber to support things like commas (',') or $?

Similar to these:

http://leonardowf.github.io/react-simple-currency/

https://github.com/jsillitoe/react-currency-input

I'm using form and InputNumber right now but it is hard to read (for the user) without at least the commas per thousand:

I am trying to allow limited number of digits in my react-currency-input component. Below is my code to generate the currency input, which is working fine. but it is allowing unlimited number of digits in it. Could some one please help me to allow only a limited number of digits?

I'm trying to dymaically load an image in ReactJS. So far, what I've found on the internet has not worked.

My react component looks like this: