Postingan lainnya
Cara supaya dapat menampilkan form berdasarkan memberid tertentu
ini kode halaman display untuk direct page menuju halaman yang akan menampilak data berdasarkan ID
import React, {Component} from 'react'; import axios from "axios"; import { Link } from 'react-router-dom'
class App extends Component { // State will apply to the posts object which is set to loading by default
constructor(props) { super(props);
this.state = { data: [], isLoading: true, errors: null, data_identitas: [], status:[], member_id : '' }; }
// Now we're going to make a request for data using axios getData = async () => { const option = { url: "http://api/android", method: 'POST', data: { "data": { "id": "...." }, "encrypt": 0 } }; axios(option) .then(response => { this.setState({ data: response.data.data, isLoading: false, }); console.log(response.data); }) // If we catch any errors connecting, let's update accordingly .catch(error => { console.log(error.response); this.setState({ error, isLoading: false }) } ); }
componentDidMount() { this.getData(); }
// Putting that data to use render() { const { isLoading, data } = this.state;
return (
Waiting Approval
Member ID Nama Pemilik
{!isLoading ? ( data.map(post => { const { memberid, name, jenis_loket, nama_loket, alamat,kota,identitas} = post; var data_ktp = JSON.parse(identitas); console.log(data_ktp);
return (
{memberid} {a}{b}{data_ktp.ktp.nama}{b}
); }) ) : (
Loading...
)}
); } }
export default App;
dan berikut code untuk halaman display sesuai ID
import React from 'react'; import axios from "axios"; import GridItem from "components/Grid/GridItem.js"; import Card from "components/Card/Card.js"; import CardBody from "components/Card/CardBody.js"; import Button from "components/CustomButtons/Button.js";
var member_id ; class App extends React.Component { // State will apply to the posts object which is set to loading by default constructor(props) { super(props); this.state = { data: [], isLoading: true, errors: null, data_identitas: [], data_usaha:[], member_id: ''
};
}
// Now we're going to make a request for data using axios getData = () => { const option = { url: '/list_outlet_pending',
method: 'POST',
data: { "data": { "id": "..." }, "encrypt": 0
}
};
axios(option) .then(response => { this.setState({ data: response.data.data, isLoading: false, }); console.log(response.data); })
// If we catch any errors connecting, let's update accordingly .catch(error =>{ console.log(error.response); this.setState({ error, isLoading: false }) } ); }
// Let's our app know we're ready to render the data componentDidMount() { this.getData(); }
// Putting that data to use render() {
const { isLoading, data} = this.state; return (
Data Mitra Usaha
{!isLoading ? ( data.map(post => { const { memberid, jenis_loket, nama_loket, nomor_handphone,identitas, info_usaha, provinsi, kota, kecamatan, kelurahan, alamat} = post;
return (
Data Dasar
Member ID
{member_id}
{See Project}
Nama Lengkap
{data_ktp.ktp.nama}
); }) ) : (
Loading...
)}
);
} }
bagaimana cara props dan state agar dapat directpage dan get id?
Belum ada Jawaban. Jadi yang pertama Jawaban
Login untuk ikut Jawaban