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

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} /> 

确保你的属性值既可以是字符串或{}包围。这可能会导致解析错误，导致尝试导入时出错。