Question: I'm new to JS/jQuery so any help is appreciated!:

For each anchor that has the *property* attribute, I need to get the src of its child img and apply that value as the href of the parent anchor

So for example:

```
<a property="1">
    <img src="abc.jpg">
</a>

<a property="2">
    <img src="def.jpg">
</a>

<a property="3">
    <img src="ghi.jpg">
</a>

```

would become:

```
<a href="abc.jpg" property="1">
    <img src="abc.jpg">
</a>

<a href="def.jpg" property="2">
    <img src="def.jpg">
</a>

<a href="ghi.jpg" property="1">
    <img src="ghi.jpg">
</a>

```

Thank You!

Answer: 
In my case it was global handler attached to `window` with `e.preventDefault()` that was preventing `onChange`.

So if you come here with non-working `onChange` handler - you might want to check if there's any.
The code seems ok, you're using [controlled components](https://reactjs.org/docs/forms.html#controlled-components) along with computed property names to dynamically update each input value. Perhaps there's a typo somewhere? Also, I would double check that `handleInputChange` is inside the main function component.

Working example based on your code:

```js
function App() {
  const [data, setData] = React.useState({
    newDate: "",
    startTime: "",
    endTime: ""
  });

  const handleInputChange = e => {
    setData({ ...data, [e.target.name]: e.target.value });
  };
  const { newDate, startTime, endTime } = data;
  return (
    <div>
      <input
        style={styles.input}
        type="date"
        name="newDate"
        value={newDate}
        className="datepicker"
        onChange={handleInputChange}
      />

      <input
        style={styles.input}
        type="time"
        required
        name="startTime"
        value={startTime}
        onChange={handleInputChange}
        className="timepicker"
      />

      <input
        style={styles.input}
        type="time"
        required
        name="endTime"
        value={endTime}
        onChange={handleInputChange}
        className="timepicker"
      />
      {JSON.stringify(data)}
    </div>
  );
}

const styles = {
  input: {
    margin: "20px auto",
    width: "40%",
    display: "block",
  }
};

ReactDOM.render(<App/>, document.getElementById('root'));
```

```html
<script crossorigin src="https://unpkg.com/react@16/umd/react.development.js"></script>
<script crossorigin src="https://unpkg.com/react-dom@16/umd/react-dom.development.js"></script>
<div id="root"></div>
```

**Note**: I added specific [`<input>` types](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input) based on the data you're collecting.