react django csrf middleware token component + jquery cookie function

csrf

django-csrf-token.js

import React from 'react';


export default class DjangoCSRFToken extends React.Component {
    render(){
        var csrf_token = getCookie('csrftoken');
        return (<input type="hidden" name="csrfmiddlewaretoken" value={ csrf_token }/>);
    }
}


index.html
<script type="text/javascript">
function getCookie(name) {
  var cookieValue = null;
  if (document.cookie && document.cookie != '') {
    var cookies = document.cookie.split(';');
    for (var i = 0; i < cookies.length; i++) {
        var cookie = jQuery.trim(cookies[i]);
        // Does this cookie string begin with the name we want?
        if (cookie.substring(0, name.length + 1) == (name + '=')) {
            cookieValue = decodeURIComponent(
                cookie.substring(name.length + 1)
            );
            break;
        }
    }
  }
  return cookieValue;
}
var csrf_token = getCookie('csrftoken');
</script>