Когда я пытаюсь отреагировать на дизайн-системы-пользователя, возникают ошибки, как показано ниже: ReferenceError: IconSettings не определен. IconSettings включается в библиотеку, поэтому его следует использовать без определения.
<script type="text/babel">
class Example extends React.Component {
render() {
return (
<IconSettings iconPath="/assets/icons">
<AlertContainer>
<Alert
icon={<Icon category="utility" name="user" />}
labels={{
heading: 'Logged in as John Smith (johnsmith@acme.com).',
headingLink: 'Log out',
}}
onClickHeadingLink={() => {
console.log('Link clicked.');
}}
/>
</AlertContainer>
</IconSettings>
);
}
}
Example.displayName = 'AlertExample';
ReactDOM.render(<Example />, document.getElementById('root'));
</script>