A bread didn't show

[icd2k3]

A bread didn't show

[icd2k3]

Hey @devinyan,

So in this case it looks like not a problem with this package, but rather mapping a prop to a function which returns a promise.

Using this example I recommend setting up this breadcrumb component like:

(es6)

// ProductTitleBreadcrumb.jsx

export default class ProductTitleBreadcrumb extends React.PureComponent {
  state = {
    productTitle: 'Loading...',
  };

  componentDidMount() {
    const { pid } = this.props.match.params;
    const callURL = `https://easy-mock.com/mock/5b14997f27efb177b0e1052f/products/detail/${pid}`;
    axios.get(callURL).then(({ data }) => {
      this.setState({ productTitle: data.product.title });
    });
  }

  render() {
    const { productTitle } = this.state;
    return (
      <span>{productTitle}</span>
    );
  }
}

[devinyan]

Hi @icd2k3 ,
Wow, thank you very much. it works.

[icd2k3]

👋 hey @devinyan,

For testing purposes, if you change your UserBreadcrumb to:
const UserBreadcrumb = () => ( <span>Testing</span> )

Does "Testing" now show up?

[devinyan]

Hi @icd2k3,
Thanks for your response.
Yes as you said, "Testing" was showed up,
but as my code, if the "Testing" was replaced by some function so as to dynamically show value,it didn't work.I don't know why.