| Requesting data from server... | |
| 14:33:09.090 index.jsx:16 AXIOS THEN:[object Object],[object Object] | |
| 14:33:09.107 ApplicationList.js:35 Rendering ApplicationList... | |
| 14:33:09.108 ApplicationList.js:36 this.props.applications (2) [{…}, {…}] | |
| 14:33:09.113 ApplicationList.js:37 onChange: handleChange(applicationId, e) { | |
| var name = e.target.name; | |
| var value = e.target.value; | |
| var applicationIndex = this.state.applications.findIndex(a => a.id === applicationId); | |
| var updat… | |
| 14:33:09.117 Application.js:21 Application data: {id: 1, app_date: "10/28/17", position: "Customer Service", company: "Doho Grocery", source: "StateEmployment", …} | |
| 14:33:09.151 Application.js:21 Application data: {id: 2, app_date: "10/6/17", position: "Janitor", company: "Plus1 Janitorial", source: "Monster", …} | |
| 14:33:09.736 Method.js:17 (Method) AXIOS API RESPONSE: (2) [{…}, {…}] | |
| 14:33:09.741 Method.js:35 METHOD OPTION: {key: 0, name: "Application", value: "Application"} | |
| 14:33:09.743 Method.js:35 METHOD OPTION: {key: 1, name: "Resume", value: "Resume"} | |
| 14:33:09.752 Method.js:19 TYPEOF response.data: object | |
| 14:33:09.753 Method.js:23 (Method) AXIOS API CATCH: Could not load methods: TypeError: Cannot read property 'stringify' of undefined | |
| at _axios2.default.get.then.response (Method.js:20) | |
| at <anonymous> | |
| 14:33:09.756 Method.js:17 (Method) AXIOS API RESPONSE: (2) [{…}, {…}] | |
| 14:33:09.758 Method.js:35 METHOD OPTION: {key: 0, name: "Application", value: "Application"} | |
| 14:33:09.760 Method.js:35 METHOD OPTION: {key: 1, name: "Resume", value: "Resume"} | |
| 14:33:09.763 Method.js:19 TYPEOF response.data: object | |
| 14:33:09.764 Method.js:23 (Method) AXIOS API CATCH: Could not load methods: TypeError: Cannot read property 'stringify' of undefined | |
| at _axios2.default.get.then.response (Method.js:20) | |
| at <anonymous> |
| HTTP/1.1 200 OK | |
| Host: localhost:8000 | |
| Connection: close | |
| X-Powered-By: PHP/7.0.22-0ubuntu0.16.04.1 | |
| Cache-Control: no-cache, private | |
| Date: Sun, 12 Nov 2017 23:00:27 GMT | |
| Content-Type: text/html; charset=UTF-8 | |
| Set-Cookie: XSRF-TOKEN=eyJpdiI6InpkUVdQV3lTS3VXQ2tzVkNLNElsdUE9PSIsInZhbHVlIjoiXC9Xd0lJR3BhamZCNEFRbUtlXC9ST04xOWJaS1pzbWtGUXR6NXRHSU5EdUtwcElnV0VJbGU2dm01RmdtWEo3VEsxSU9ETkNHdU5HZisrc1diTTRJc2Jidz09IiwibWFjIjoiN2IzNTM4M2NkM2NhOTVhNzNkNjMwNjNkMTZmN2FjNTA3OTM5ZmIxMGFmMmNmODJlYWJmZTRmMzVmYWI1OTQ4YiJ9; expires=Mon, 27-Nov-2017 23:00:27 GMT; Max-Age=1296000; path=/ | |
| Set-Cookie: laravel_session=eyJpdiI6Im9yNVZOcVkyRDNkYnlBMVFjZXlxeXc9PSIsInZhbHVlIjoiVjI2OW4zWllYYVpDVFJtWjJUS05BRG9KQm1LaWdwQ3JCUHJLSjE5ek5sSnhYdDU2NnVxdSs5UjgzYkpXdTdVXC9laTRDdXY2M091alJTa08rV1RBbk9BPT0iLCJtYWMiOiIwMDM0NGIyMDg5NzU4YzUyYzUxNDQ5YjI4YzgyMGZhMDI2OTAxMmJkNWI4OGI2MWUwYWExODlkYzI5MzgyMTMxIn0%3D; expires=Mon, 27-Nov-2017 23:00:27 GMT; Max-Age=1296000; path=/; HttpOnly |
| [{"key":0,"name":"Application","value":"Application"},{"key":1,"name":"Resume","value":"Resume"}] |
| import React, {Component} from 'react'; | |
| import axios from 'axios'; | |
| class Method extends React.Component{ | |
| constructor(data) { | |
| super(data); | |
| this.state = {}; | |
| } | |
| componentWillMount() { | |
| axios.get('/api/applications/data/', { | |
| params: { | |
| command: 'get-form-options', | |
| data: 'app-methods' | |
| } | |
| }) | |
| .then( (response) =>{ | |
| console.log('(Method) AXIOS API RESPONSE: ', response.data); | |
| this.setState({options: response.data}); | |
| }) | |
| .catch( (error) => { | |
| console.log(sprintf('(Method) AXIOS API CATCH: Could not load applications: ', error)); | |
| }); | |
| } | |
| render() { | |
| return ( | |
| <div className="method"> | |
| <select name={this.props.name} selected={this.props.data.position} onChange={this.props.onChange}> | |
| { | |
| (this.state.options != null) ? | |
| this.state.options.map((opts) => { | |
| console.log('METHOD OPTION: ', opts); | |
| return (<option key={opts}>{opts}</option>); | |
| }) | |
| : | |
| <option name="loading">Loading</option> | |
| } | |
| } | |
| </select> | |
| </div> | |
| ); | |
| } | |
| } | |
| export default Method; |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment