小编Dev*_*elp的帖子

我试图在反应中创建一个简单的链接.这是代码:

    import React from 'react';
import { Link }  from 'react-router';
class List extends React.Component{
    render() {
        return (
        <div>
        <p>please choose from repository below.</p>
        <ul>
            <li><Link to={"/react"}>React</Link></li>
        </ul>
        </div>
        );
    }
}

export default List;

这是我的package.json:

"dependencies": {
    "chance": "^1.0.9",
    "history": "^4.6.1",
    "react": "^15.5.4",
    "react-dom": "^15.5.4",
    "react-router": "^4.1.1",
    "react-router-dom": "^4.1.1",
    "superagent": "^3.5.2"

我使用以下命令来运行我的代码:

的WebPack-DEV-服务器

bundle.js:1004 Warning: React.createElement: type is invalid -- expected a string (for built-in components) or a class/function (for composite components) but got: undefined. You likely forgot …

这是html文件中的代码:

       <div class="form-group">
            <div class="form-text">Some Question about Email and Phone Details?</div>


            <div>
                <input type="radio" value="1" [formControl]="signUpDetailsForm.controls['details']" name="details" (click)="EmailClicked()"
                ng-model="selectedOption"> Email</div>

            <div>

文字两者

在component.ts类中,我将selectedOption设置为1.像这样:

export class TestComponent implements OnInit{
  signUpDetailsForm: FormGroup;
  public submitted : boolean;

  public selectedOption : string ='1';

我可以看到selectedOption值设置正确,如在ngOnInit中,值打印为1:

ngOnInit() {

 console.log('selectedOption='+this.selectedOption);

}

我还试过另一种方法来解决这个问题,方法是在ng-init中设置selectedOption,但仍然不起作用.

<div ng-init="selectedOption=1">
                <div>
                    <input type="radio" value="1" [formControl]="signUpDetailsForm.controls['details']" name="details" (click)="EmailClicked()"
                    ng-model="selectedOption"> Email</div>

                <div>
                    <input type="radio" value="2" ng-model="selectedOption" [formControl]="signUpDetailsForm.controls['details']" name="details" (click)="PhoneClicked()"> Text</div>
                <div>
                    <input type="radio" value="3" ng-model="selectedOption" [formControl]="signUpDetailsForm.controls['details']" name="details" (click)="BothClicked()"> Both</div>

</div>

UPDATE

我更新的代码看起来像这样,默认情况下仍然没有选择收音机:

<div class="form-group">
            <div …