'Materialize' is not defined
0
import React, { Component } from 'react';
import 'materialize-css/dist/css/materialize.min.css'
import Materialize from 'materialize-css'
import './assets/css/main.css'
import Navbar from './components/navbar'
class App extends Component {
componentDidMount() {
const options = [
{
selector: '.main-text',
offset: 0,
callback: function(el) {
Materialize.fadeInImage(el)
}
}
]
Materialize.scrollFire(options)
}
render() {
return (
<div>
<Navbar />
</div>
);
}
}
export default App;I have add package materialize css with npm in react. When I call this Materialize.scrollFire() function then it will show Materialize is not defined. Anyone tell me the correct way of import this Materialize. Thanks everyone...
import 'materialize-css/dist/css/materialize.min.css'
import Materialize from 'materialize-css'
class App extends Component {
componentDidMount() {
const options = [
{
selector: '.main-text',
offset: 0,
callback: function(el) {
Materialize.fadeInImage(el)
}
}
]
Materialize.scrollFire(options)
}
render() { }javascript reactjs materialize
asked Dec 29 '18 at 10:46
Kazi RahamatullahKazi Rahamatullah
14
add a comment |
0
import React, { Component } from 'react';
import 'materialize-css/dist/css/materialize.min.css'
import Materialize from 'materialize-css'
import './assets/css/main.css'
import Navbar from './components/navbar'
class App extends Component {
componentDidMount() {
const options = [
{
selector: '.main-text',
offset: 0,
callback: function(el) {
Materialize.fadeInImage(el)
}
}
]
Materialize.scrollFire(options)
}
render() {
return (
<div>
<Navbar />
</div>
);
}
}
export default App;I have add package materialize css with npm in react. When I call this Materialize.scrollFire() function then it will show Materialize is not defined. Anyone tell me the correct way of import this Materialize. Thanks everyone...
import 'materialize-css/dist/css/materialize.min.css'
import Materialize from 'materialize-css'
class App extends Component {
componentDidMount() {
const options = [
{
selector: '.main-text',
offset: 0,
callback: function(el) {
Materialize.fadeInImage(el)
}
}
]
Materialize.scrollFire(options)
}
render() { }javascript reactjs materialize
asked Dec 29 '18 at 10:46
Kazi RahamatullahKazi Rahamatullah
14
This question might help you stackoverflow.com/questions/35499842/…
– Ahmad Maleki
Dec 29 '18 at 11:08
Please reproduce with codesandbox, I can see working on my machine
– Mohit Bajoria
Dec 29 '18 at 11:09
Possible duplicate of How to use materialize-css with React?
– Patrick Hund
Dec 29 '18 at 14:45
add a comment |
0
0
0
import React, { Component } from 'react';
import 'materialize-css/dist/css/materialize.min.css'
import Materialize from 'materialize-css'
import './assets/css/main.css'
import Navbar from './components/navbar'
class App extends Component {
componentDidMount() {
const options = [
{
selector: '.main-text',
offset: 0,
callback: function(el) {
Materialize.fadeInImage(el)
}
}
]
Materialize.scrollFire(options)
}
render() {
return (
<div>
<Navbar />
</div>
);
}
}
export default App;I have add package materialize css with npm in react. When I call this Materialize.scrollFire() function then it will show Materialize is not defined. Anyone tell me the correct way of import this Materialize. Thanks everyone...
import 'materialize-css/dist/css/materialize.min.css'
import Materialize from 'materialize-css'
class App extends Component {
componentDidMount() {
const options = [
{
selector: '.main-text',
offset: 0,
callback: function(el) {
Materialize.fadeInImage(el)
}
}
]
Materialize.scrollFire(options)
}
render() { }javascript reactjs materialize
asked Dec 29 '18 at 10:46
Kazi RahamatullahKazi Rahamatullah
14
import React, { Component } from 'react';
import 'materialize-css/dist/css/materialize.min.css'
import Materialize from 'materialize-css'
import './assets/css/main.css'
import Navbar from './components/navbar'
class App extends Component {
componentDidMount() {
const options = [
{
selector: '.main-text',
offset: 0,
callback: function(el) {
Materialize.fadeInImage(el)
}
}
]
Materialize.scrollFire(options)
}
render() {
return (
<div>
<Navbar />
</div>
);
}
}
export default App;I have add package materialize css with npm in react. When I call this Materialize.scrollFire() function then it will show Materialize is not defined. Anyone tell me the correct way of import this Materialize. Thanks everyone...
import 'materialize-css/dist/css/materialize.min.css'
import Materialize from 'materialize-css'
class App extends Component {
componentDidMount() {
const options = [
{
selector: '.main-text',
offset: 0,
callback: function(el) {
Materialize.fadeInImage(el)
}
}
]
Materialize.scrollFire(options)
}
render() { }import React, { Component } from 'react';
import 'materialize-css/dist/css/materialize.min.css'
import Materialize from 'materialize-css'
import './assets/css/main.css'
import Navbar from './components/navbar'
class App extends Component {
componentDidMount() {
const options = [
{
selector: '.main-text',
offset: 0,
callback: function(el) {
Materialize.fadeInImage(el)
}
}
]
Materialize.scrollFire(options)
}
render() {
return (
<div>
<Navbar />
</div>
);
}
}
export default App;import React, { Component } from 'react';
import 'materialize-css/dist/css/materialize.min.css'
import Materialize from 'materialize-css'
import './assets/css/main.css'
import Navbar from './components/navbar'
class App extends Component {
componentDidMount() {
const options = [
{
selector: '.main-text',
offset: 0,
callback: function(el) {
Materialize.fadeInImage(el)
}
}
]
Materialize.scrollFire(options)
}
render() {
return (
<div>
<Navbar />
</div>
);
}
}
export default App;import 'materialize-css/dist/css/materialize.min.css'
import Materialize from 'materialize-css'
class App extends Component {
componentDidMount() {
const options = [
{
selector: '.main-text',
offset: 0,
callback: function(el) {
Materialize.fadeInImage(el)
}
}
]
Materialize.scrollFire(options)
}
render() { }import 'materialize-css/dist/css/materialize.min.css'
import Materialize from 'materialize-css'
class App extends Component {
componentDidMount() {
const options = [
{
selector: '.main-text',
offset: 0,
callback: function(el) {
Materialize.fadeInImage(el)
}
}
]
Materialize.scrollFire(options)
}
render() { }javascript reactjs materialize
javascript reactjs materialize
asked Dec 29 '18 at 10:46
Kazi RahamatullahKazi Rahamatullah
14
asked Dec 29 '18 at 10:46
Kazi RahamatullahKazi Rahamatullah
14
edited Dec 29 '18 at 11:35
Kazi Rahamatullah
asked Dec 29 '18 at 10:46
Kazi RahamatullahKazi Rahamatullah
14
asked Dec 29 '18 at 10:46
Kazi RahamatullahKazi Rahamatullah
14
asked Dec 29 '18 at 10:46
Kazi RahamatullahKazi Rahamatullah
14
14
This question might help you stackoverflow.com/questions/35499842/…
– Ahmad Maleki
Dec 29 '18 at 11:08
Please reproduce with codesandbox, I can see working on my machine
– Mohit Bajoria
Dec 29 '18 at 11:09
Possible duplicate of How to use materialize-css with React?
– Patrick Hund
Dec 29 '18 at 14:45
add a comment |
This question might help you stackoverflow.com/questions/35499842/…
– Ahmad Maleki
Dec 29 '18 at 11:08
Please reproduce with codesandbox, I can see working on my machine
– Mohit Bajoria
Dec 29 '18 at 11:09
Possible duplicate of How to use materialize-css with React?
– Patrick Hund
Dec 29 '18 at 14:45
This question might help you stackoverflow.com/questions/35499842/…
– Ahmad Maleki
Dec 29 '18 at 11:08
This question might help you stackoverflow.com/questions/35499842/…
– Ahmad Maleki
Dec 29 '18 at 11:08
Please reproduce with codesandbox, I can see working on my machine
– Mohit Bajoria
Dec 29 '18 at 11:09
Please reproduce with codesandbox, I can see working on my machine
– Mohit Bajoria
Dec 29 '18 at 11:09
Possible duplicate of How to use materialize-css with React?
– Patrick Hund
Dec 29 '18 at 14:45
Possible duplicate of How to use materialize-css with React?
– Patrick Hund
Dec 29 '18 at 14:45
add a comment |
0
active
oldest
votes
Your Answer
StackExchange.ifUsing("editor", function () {
StackExchange.using("externalEditor", function () {
StackExchange.using("snippets", function () {
StackExchange.snippets.init();
});
});
}, "code-snippets");
StackExchange.ready(function() {
var channelOptions = {
tags: "".split(" "),
id: "1"
};
initTagRenderer("".split(" "), "".split(" "), channelOptions);
StackExchange.using("externalEditor", function() {
// Have to fire editor after snippets, if snippets enabled
if (StackExchange.settings.snippets.snippetsEnabled) {
StackExchange.using("snippets", function() {
createEditor();
});
}
else {
createEditor();
}
});
function createEditor() {
StackExchange.prepareEditor({
heartbeatType: 'answer',
autoActivateHeartbeat: false,
convertImagesToLinks: true,
noModals: true,
showLowRepImageUploadWarning: true,
reputationToPostImages: 10,
bindNavPrevention: true,
postfix: "",
imageUploader: {
brandingHtml: "Powered by u003ca class="icon-imgur-white" href="https://imgur.com/"u003eu003c/au003e",
contentPolicyHtml: "User contributions licensed under u003ca href="https://creativecommons.org/licenses/by-sa/3.0/"u003ecc by-sa 3.0 with attribution requiredu003c/au003e u003ca href="https://stackoverflow.com/legal/content-policy"u003e(content policy)u003c/au003e",
allowUrls: true
},
onDemand: true,
discardSelector: ".discard-answer"
,immediatelyShowMarkdownHelp:true
});
}
});
draft saved
draft discarded
Sign up or log in
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
StackExchange.ready(
function () {
StackExchange.openid.initPostLogin('.new-post-login', 'https%3a%2f%2fstackoverflow.com%2fquestions%2f53968822%2fmaterialize-is-not-defined%23new-answer', 'question_page');
}
);
Post as a guest
Required, but never shown
0
active
oldest
votes
0
active
oldest
votes
active
oldest
votes
active
oldest
votes
draft saved
draft discarded
Thanks for contributing an answer to Stack Overflow!
- Please be sure to answer the question. Provide details and share your research!
But avoid …
- Asking for help, clarification, or responding to other answers.
- Making statements based on opinion; back them up with references or personal experience.
To learn more, see our tips on writing great answers.
draft saved
draft discarded
Sign up or log in
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
StackExchange.ready(
function () {
StackExchange.openid.initPostLogin('.new-post-login', 'https%3a%2f%2fstackoverflow.com%2fquestions%2f53968822%2fmaterialize-is-not-defined%23new-answer', 'question_page');
}
);
Post as a guest
Required, but never shown
Sign up or log in
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
Sign up or log in
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
Sign up or log in
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
This question might help you stackoverflow.com/questions/35499842/…
– Ahmad Maleki
Dec 29 '18 at 11:08
Please reproduce with codesandbox, I can see working on my machine
– Mohit Bajoria
Dec 29 '18 at 11:09
Possible duplicate of How to use materialize-css with React?
– Patrick Hund
Dec 29 '18 at 14:45