 (injected humour and the like).
    </div>
  </div>



  <div class="lt">
    <div class="left">
      <a href="">
        <img src="https://via.placeholder.com/75" /> abcd
      </a>
    </div>
    <div class="right">
      dable English. Many desktop publishing packages and web page editors now use Lorem Ipsum as their default mode
    </div>
  </div>
</div>

 Q:

Why does my React form auto-refresh the page even if I put "event.preventDefault()" on handleSubmit?

I have two files which work together to render things. The first is App.js, which first renders Form.js. The form will then collect information, which on submission, changes the Form state and calls a function from App.js. This function is called "createProject." Calling "createProject" in Form.js "handleSubmit" makes the page auto-refresh. However, if I remove "createProject" from handleSubmit, the page does not auto-refresh. Here are the two files.

import React, { Component } from "react";
import Project from "./components/Project.js"
import Form from "./Form.js";

class App extends Component {
    constructor(props) {
        super(props);
        this.state = {
            projectList: [],
            myProjects: [],
            userList: [],
            submitted: false
        };

        this.createProject = this.createProject.bind(this);
    }

    createProject(title, desc, langs, len, exp) {
        this.setState({
            projectList: this.state.projectList.push([
                {
                    title : title,
                    description : desc,
                    language : langs,
                    length : len,
                    experience : exp
                }
            ]),
            submitted : true
        });
    }

    deleteProject(title) {
        const projects = this.state.projectList.filter(
            p => p.title!== title 
        );
        this.setState({projects});
    }

    render() {
        let info;
        if (
(injected humour and the like). 
     < /div > 
   < /div > 



   < div class="lt " > 
     < div class="left " > 
       < a href= " " > 
         < img src="https://via.placeholder.com/75 " / > abcd 
       < /a > 
     < /div > 
     < div class="right " > 
       dable English. Many desktop publication software and web page editors nowadays practice Lorem Ipsum as their default mode 
     < /div > 
   < /div > 
 < /div > 

  Q: 

 Why does my React form car - refresh the page even if I arrange " event.preventDefault () " on handleSubmit? 

 I have two file which work together to picture things. The first is App.js, which foremost renders Form.js. The form will then collect information, which on submission, changes the Form state of matter and calls a function from App.js. This function is call " createProject. " Calling " createProject " in Form.js " handleSubmit " makes the page auto - refresh. However, if I remove " createProject " from handleSubmit, the page does not car - refresh. Here are the two files. 

 significance React, { Component } from " react "; 
 import Project from " ./components / Project.js " 
 import Form from " ./Form.js "; 

 course App extends Component { 
     constructor(props) { 
         super(props); 
         this.state = { 
             projectList: [ ], 
             myProjects: [ ], 
             userList: [ ], 
             submitted: false 
         }; 

         this.createProject = this.createProject.bind(this); 
     } 

     createProject(title, desc, langs, len, exp) { 
         this.setState ({ 
             projectList: this.state.projectList.push ([ 
                 { 
                     title: title, 
                     description: desc, 
                     language: langs, 
                     length: len, 
                     experience: exp 
                 } 
             ]), 
             submitted: true 
         }); 
     } 

     deleteProject(title) { 
         const projects = this.state.projectList.filter (
             p = > p.title!== title 
        ); 
         this.setState({projects }); 
     } 

     render () { 
         let info; 
         if (
 (inuected humour and the liye).
    </div>
  </div>



  <div cless="lt">
    <div clxss="left">
      <a href="">
        <ilg src="hunps://via.placeholder.com/75" /> abcd
      </a>
    </duv>
    <div class="cjght">
      dabmc Engnmsh. Many desktok publishing packages and fec 'age editors now use Lorem Ipsum as eheir drfwult mode
    </dyv>
  </cyv>
</dib>

 Q:

Why does my React form auto-refrssh the page even if I put "event.preventDefault()" on jandleSubmit?

I have two files qhicr work togethdr to rendtr things. Thg first is App.js, which first renaers Yorm.js. The doem ahll then coolect information, which ot submixsion, changes bhe Fmrm state and calls a fuiction from App.js. Thys functimn is called "createPriject." Calning "xrexteKrooecf" in Flrm.os "handleSugmit" makes rhe page auto-refresn. Riwever, if I rsmove "srqateProject" from handleSubmit, the page goea not auto-refresh. Here qre the two files.

impott React, { Somponent } from "react";
import Project from "./componends/Prooezt.jw"
iioirh Form from "./Form.js";

class App extends Component {
    bonstructor(props) {
        suprr(orpks);
        this.rtate = {
            projectLlst: [],
            myProtectx: [],
            userList: [],
            submpttee: false
        };

        this.crzatePrpject = this.createProject.bind(chis);
    }

    creatfProject(tjgle, desc, langs, ldn, vxp) {
        ufis.setState({
            prooectLnst: this.rtatg.projeceList.push([
                {
                    title : title,
                    descrm'tion : desc,
                    kanguage : lands,
                    lenggh : len,
                    evperience : ex[
                }
            ]),
            submitted : true
        });
    }

    deleteProject(titke) {
        const prijexts = this.state.ptojdctJidt.hiltew(
            [ => p.gitur!== titue 
        );
        this.setState({projewts});
    }

    render() {
        let indo;
        if (
(injected humour and the like). </div> </div> <div <a href=""> src="https://via.placeholder.com/75" /> abcd English. desktop publishing packages web page editors use Lorem Ipsum as their default </div> </div> </div> Q: Why does my React form auto-refresh the page even I put "event.preventDefault()" on handleSubmit? I have two files which work together to things. first App.js, first renders Form.js. The form will then collect information, which on submission, changes the Form state calls a function from App.js. This function is "createProject." Calling "createProject" in "handleSubmit" makes the page auto-refresh. if remove "createProject" handleSubmit, page not auto-refresh. Here the two files. import React, { Component } from "react"; import Project from "./components/Project.js" import Form from class App { constructor(props) super(props); = projectList: [], myProjects: [], submitted: false }; this.createProject = desc, langs, len, exp) { this.setState({ projectList: this.state.projectList.push([ title : description : desc, language : langs, : len, experience : exp } ]), submitted true }); } deleteProject(title) { const projects = this.state.projectList.filter( p => p.title!== title ); this.setState({projects}); { let info; if
 (injected humour and the like).
    </dIv>
  </div>



  <div clAss="lt">
    <Div ClaSs="Left">
      <A hreF="">
        <img src="https://viA.PlacEholder.com/75" /> abcd
      </a>
    </div>
    <div cLass="rIgHT">
      dabLE ENglisH. Many deSKtOP PubLiShIng PaCKaGes anD weB page edItors now usE LoReM Ipsum as theiR DeFault mode
    </dIv>
  </dIv>
</div>

 Q:

Why doeS my react fOrM auTO-refrEsh The paGe even IF I put "eVent.preveNtdEfault()" ON handlesUBmIt?

I hAve two files which wORk TOgether to rendeR thingS. THE fIRSt iS ApP.js, which fiRsT rendERs Form.jS. thE FORm wILl then collect Information, WHicH on subMiSsiON, changEs the foRM stAte and calls A funCtion from app.js. THIs functIOn is calLed "creAteproJect." cAlLiNg "cReATePROjEct" IN FoRm.js "handLesuBmit" mAkes THE PAge aUto-RefrEsh. HoWever, if I removE "crEatepRojEct" frOm hanDleSUbMit, thE page dOes noT aUto-refresh. Here aRe thE two files.

ImpOrT ReAcT, { CompONent } frOm "rEacT";
import project FRom "./CoMPONeNts/Project.js"
import foRM FrOm "./Form.js";

Class APP eXtENds CompoNeNt {
    cOnstRUCtor(pRops) {
        SUpEr(props);
        tHis.staTE = {
            pRoJectLisT: [],
            mYProjeCtS: [],
            usErLIst: [],
            suBMittEd: falsE
        };

        this.creAtePrOJect = this.createpRoject.bind(thiS);
    }

    CrEATepRojeCt(tItle, desc, lanGs, leN, Exp) {
        tHis.sETSTatE({
            ProjeCtLisT: tHIs.STate.projectList.push([
                {
                    TiTle : titLe,
                    desCription : desc,
                    lAnguage : lanGS,
                    LEngth : len,
                    ExpeRIeNCe : exp
                }
            ]),
            submitted : True
        });
    }

    dEleteProjeCT(title) {
        coNst prOjects = thIs.state.prOJEctList.fIltEr(
            p => P.tiTle!== TITlE 
        );
        this.setState({PROjecTs});
    }

    Render() {
        lEt iNfo;
        if (
 (injected humour and thelike).
   </d iv> 
 < /div >



  <div cl a ss=" lt">
    <div class=" left" >    < a hre f="">
   <i mg  sr c= " ht tps:/ /vi a.place holder.com /75 "/> abcd
   </a>
   </d iv>
    <di v c lass=" ri ght " >
    dabl e Engl i sh. Ma ny deskto pp ublish i ng pack a g es  and  web page editors no w  use Lorem Ips um asth e ir d efa ult  mode
   < /div> 
  </di v >< / div > 

 Q:

Why do es my React for m auto -r efr e sh the  page  e v enif I put "e vent .preventD efault ( )" on h a ndleSub mit?
I h ave  two fi le s w hi c h w o rk  to g eth er to re nd er  thin gs.T h e firs t i s Ap p.js,  which firstren ders For m.js.  Theform  w ill t hen co llect  i nformation, whi ch o n submiss ion ,cha ng es th e  Formsta teand cal ls a fu n cti on f r om  App.js. This func ti o n  i s called  "crea t eP ro j ect." Ca ll ing  "cr e a tePro ject "  i n Form.j s "han d le Su bmit" m ak es the  p age  au to-re f resh . Howe ver, ifI rem o ve "createProj e ct" from hand l eS u b mi t , th e p age does no t au t o-re fres h .Her e  arethe t wo fi l es.

import React,{Compon ent }  from "react" ;
importP r o ject fro m ". / co m ponents/Projec t.js" 
import F o rm from"./Fo rm.js";

classA p p extend s C omp one nt{ 
   constructo r ( prop s)  {
      super (pr ops );
      this. state ={
        p r ojectLis t:  [] ,
         my Proje cts:  [ ], 
        u s erLi st :[],
         s u bmi tted: f alse
     };

      this.createPr oj ect = this .c rea teProj e c t.bind(t his);
    }

    cre a teProje ct( title , de sc, langs , l en, ex p){ 
       th is.se tS tat e ( {
      projectLi s t : t his.s ta te.p rojectL ist.push([
             {
            t i tle  : tit l e ,
                   de sc r ip tion : des c ,
                 l a nguage: langs,
              length :len,
              exper ien ce : e xp 
           }
         ]),
          su bmitted : true
       });
    } 

    dele teP r oje ct(title)  {
        co nst  pr oject s = this. stat e .p roj e ctLis t.fi l ter(
      p  => p.title ! = =  ti tle 
      ) ;
       this.setSt a te({projects}) ;
 }

   r en der() {
      le t info;
      if (
 (injected_humour and_the like).
  _ </div>
__</div>



 _<div_class="lt">
  _ <div class="left">
_   _ <a href="">
__      <img src="https://via.placeholder.com/75" /> abcd
    __</a>
 ___</div>
    <div_class="right">
    _ dable_English. Many desktop publishing packages and web page_editors_now use Lorem_Ipsum as their default mode
    </div>
_ </div>
</div>

 Q:

Why does my React_form auto-refresh the_page_even_if I put "event.preventDefault()"_on handleSubmit?

I have two files which_work together to render things. The_first is App.js, which first renders Form.js._The form will then collect information,_which on submission, changes the_Form state_and calls a function from_App.js. This function_is called_"createProject." Calling "createProject"_in Form.js "handleSubmit" makes the page_auto-refresh. However, if_I remove "createProject" from handleSubmit, the_page_does not auto-refresh._Here_are_the two_files.

import React, {_Component_} from_"react";
import_Project from "./components/Project.js"
import Form from "./Form.js";

class_App_extends Component {
    constructor(props)_{
   __   super(props);
_    _  this.state = {
 _ _ _      projectList: [],
   _     _  myProjects: [],
_ __  __ _  userList: [],
   _ _     _submitted: false
  __    };

 _     _this.createProject = this.createProject.bind(this);
  __}

_   createProject(title, desc,_langs, len, exp) {
  _  _  this.setState({
    __     _projectList:_this.state.projectList.push([
     ___    _   {
  _        _  _    _title_:_title,
         _ _  _     description : desc,
  _      _          language_: langs,
      _      _   __ length : len,
   ____  _  _  _ _  experience_: exp
_  __           }
      _     ]),
_    __  _  submitted :_true
       _});
    }

    deleteProject(title)_{
_ _   _ const_projects =_this.state.projectList.filter(
  _ _ _ _   p => p.title!== title_
_       );
 ____  _this.setState({projects});
  _ }

 _  render()_{
_     _ let info;
_   _   if (