Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- import React from 'react'
- import { NextContext } from 'next'
- // Define what an individual item looks like
- interface IDataObject {
- id: number,
- name: string
- }
- // Define the props that getInitialProps will inject into the component
- interface IListClassProps {
- items: IDataObject[]
- }
- class List extends React.Component<IListClassProps> {
- static async getInitialProps({ pathname }: NextContext) {
- const dataArray: IDataObject[] =
- [{ id: 101, name: 'larry' }, { id: 102, name: 'sam' }, { id: 103, name: 'jill' }, { id: 104, name: pathname }]
- return { items: dataArray }
- }
- render() {
- return (
- <ul>
- {this.props.items.map((item) => (
- <li key={item.id}>
- {item.id} -- {item.name}
- </li>
- ))}
- </ul>
- )
- }
- }
- export default List
Add Comment
Please, Sign In to add comment