score:1

Accepted answer

there is need to fix this reference, try this code:

import react from "react";
import "bootstrap/dist/css/bootstrap.min.css"

class unternehmenseinstellungen extends react.component {
    constructor(props) {
        super(props);
        this.state = {
            uname: ""
        };
        this.handleuname = this.handleuname.bind(this);
        this.unternehmensenden = this.unternehmensenden.bind(this);
    }
    
    handleuname(e) {
        this.setstate({uname: e.target.value});
    }
    
    unternehmensenden() {
        if (document.getelementbyid("uname").value === "") {
            alert("please fill all fields");
        }
        else {
            var apiendpoint = "http://localhost:8080/erstelleunternehmen?uname=" + this.state.uname;
            alert(apiendpoint)

        }
    }
    
    render() {
        return (
        <div>
            <div>
              <input placeholder="e.g. bike company"
                                       value={this.state.uname}
                                       onchange={this.handleuname}
                                       style={{...}}
                                       type="text" id="uname" required/>
                        
            </div>

            <button
                style={{...}}
                classname="btn btn-pill btn-dark" onclick={this.unternehmensenden}>show my state                              
            </button>
            <div>
              <h3>state-test:</h3>
              <p>name: {this.state.uname}</p>
            </div>
        </div>
        );
    }
}
    

score:1

you should bind your unternehmensenden function in the constructor or use an arrow function


Related Query

More Query from same tag