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?