React for Real: Front-End Code, Untangled by Ludovico Fischer

Author:Ludovico Fischer [Fischer, Ludovico]
Language: eng
Format: epub
Tags: Pragmatic Bookshelf
Publisher: Pragmatic Bookshelf
Published: 2017-09-05T23:00:00+00:00

function AlertBox({ status }) {

if (status === FAILURE) {

return <div className="mv2">Save failed</div>;

} else if (status === SUCCESS) {

return <div className="mv2">Save successful</div>;

} else if (status === WAITING) {

return <div className="mv2">Saving…</div>;

} else {

return null;

}

}

export default AlertBox;

If you omit the default keyword in your export, then you must use the same name in the import as in the export, and place braces around the name.

Finally, import React, SaveButton, AlertBox, and the constants in SaveManager.js:

wordcounter/src/SaveManager.js

» import React from 'react';

» import SaveButton from './SaveButton';

» import AlertBox from './AlertBox';

» import { IDLE, SUCCESS, FAILURE, WAITING } from './saveStatus';

Download

Copyright Disclaimer:
This site does not store any files on its server. We only index and link to content provided by other sites. Please contact the content providers to delete copyright contents if any and email us, we'll remove relevant links or contents immediately.