Question

在我的反应应用程序中，我有2个嵌套组件。父级为RandomWords，子级为Word。

这是父（ Randomword ）：

var things = ['Rock', 'Paper', 'Scissor'];
var thing = things[Math.floor(Math.random()*things.length)];
console.log(thing);

var Word = require('./Word');
var React = require('react');

    var RandomWords = React.createClass({
      render: function() {
        return (
          <div >
             <h4>Type the below word </h4>
             <Word typeitem=thing/>
          </div>
        );
      }
    });

module.exports =RandomWords;

行<Word typeitem=thing/>会导致错误，如

Uncaught Error: Cannot find module "./RandomWords"

同时当我将其更改为<Word typeitem="Paper"/>时，应用程序正常工作。 thing似乎存在问题。

但问题是，我希望得到一个随机词并将其放在我的typeitem中。

指出：word工作正常

var React = require('react');
var Word=React.createClass({
       render: function(){
            return(
              <div >
                   {this.props.typeitem}
              </div>
            );
  }
});

module.exports =Word;

Answer 1

<Word typeitem={thing} />

确保您的属性值表示为字符串或由{}包围。这可能会导致解析错误，导致尝试导入时出错。

未捕获错误：找不到模块“./RandomWords”

1 个答案: