Convert jquery to react component or pure javascript : <p>I’ve the sample working jQuery code for simple To Do List. How can I change this into pure javascript or react js component.</p>

<pre><code>&lt;div class="todo-list container"&gt;
  &lt;ul class="list-your-todo"&gt;
    &lt;li&gt;
      &lt;input type="text" name="name" class="form-control" placeholder="Name" value="" /&gt;
      &lt;p class="deleteList"&gt;- Delete this&lt;/p&gt;
    &lt;/li&gt;
  &lt;/ul&gt;
  &lt;p class="addList"&gt;+ Add another&lt;/p&gt;
&lt;/div&gt;

$(function(){
  $('.addList').click(function(){
    var $liLength = $(".list-your-todo li").length;
    var list = $('.todo-list').find('.list-your-todo li:first').html();
    $('.todo-list ul').append('&lt;li class="clearfix showIcon"&gt;' + list + '&lt;/li&gt;');
  });  
  $(document).on('click', '.deleteList', function(){
    $(this).parent('li').remove();
  });
});
</code></pre>

<p>this is the working demo <a href="https://jsfiddle.net/LxyLg8hh/" rel="nofollow noreferrer">https://jsfiddle.net/LxyLg8hh/</a></p>
