Question

我正在学习如何使用流星作出反应，请原谅基本问题。

如果数据已经提交，我想创建一个在页面加载时填充的表单。我一直试图使用getInitialState，但我没有到达任何地方。一些帮助将非常感激。

路径：MyResolutions.jsx

export default class MyResolutions extends Component {

    getInitialState() {
        return {
            resolution: Resolutions.find().fetch(),
            timeToComplete: Resolutions.find().fetch(),
        };
    }

    render() {
        return (
            <form onSubmit={this.addResolutions.bind(this)}>
                <input 
                    type="text" 
                    ref="resolution"
                    placeholder="Resolution title"
                    value={this.state.resolution} />
                <input 
                    type="text" 
                    ref="timeToComplete"
                    placeholder="Time To Complete"
                    value={this.state.timeToComplete} />

                <button type="submit">Submit</button>
            </form>
        )
    }
}

Answer 1

这取决于您的初始状态数据的形状：

getInitialState() {
    return {
        resolution: Resolutions.find().fetch(),
        timeToComplete: Resolutions.find().fetch(),
    };
}

假设this.state.resolution返回类似的内容：

{
   value: 'some string'
}

你实际上必须做this.state.resolution.value之类的事情。因此，可以尝试使用console.log(this.state.resolution)来获取数据的形状，然后使用点符号来显示所需的键。

Meteor React使用现有数据填充表单

1 个答案: